v1.2 gave you a visual editor for colors, spacing, and typography. v1.3 adds what was missing: real layout controls for flex and grid, structural editing on the canvas, and automatic saving.

Click to Edit — No Mode Switch

Click any element; its Design panel opens right away.

Click any element in your section and its Design panel opens immediately — no Design Mode toggle first. Links and buttons still work normally.

Structural Actions on the Canvas

Duplicate, reorder, or delete an element straight from the canvas.

A floating toolbar on the selected element lets you Duplicate, Move up / down, or Delete it — no chat, no digging through markup. Duplicates get fresh IDs automatically, so copies stay valid.

Automatic Saving + Restore

Every change saves itself; Restore rolls everything back to the AI original.

The Save and Discard buttons are gone. Every panel edit saves automatically, and text edits commit when you click away. A Restore button appears after your first change and reverts all design-panel edits to the current AI version's original.

Element-Path Breadcrumb

Jump to any parent element from the path in the panel header.

The panel header shows the selected element's ancestor path. Click any parent to select it — handy for jumping from a flex item up to its container. Long paths collapse behind an expandable "…".

Layout Controls for Flex & Grid

Icon-based controls for direction, wrap, gaps, and alignment — set per device.

When the selected element is a flex or grid container, a new Layout section appears:

• Gap (row & column) — flex and grid
• Direction — row, column, or reversed (flex)
• Wrap — nowrap, wrap, wrap-reverse (flex)
• Justify (main axis) and Align (cross axis) — flex

Set each per device — Desktop, Tablet, Mobile — so a 3-column row on desktop can stack on mobile.

Cleaner Multi-Widget Pages

With more than one AI HTML widget on a page, selecting an element in one now closes the other's panel, so they no longer overlap.

v1.2 → v1.3 at a Glance

Try It Today

v1.3 is live on every AI HTML Widget install — no migration, no toggle. And everything in this release is free to use: the visual editor, layout controls, structural editing, and breadcrumb don't cost a thing. You only spend credits when the AI generates a section or image — and new accounts start with free credits.

Get AI HTML Widget → · Full changelog

About AI HTML Widget

AI HTML Widget (listed as AI HTML Generator | PapaThemes in Page Builder) is an AI section builder for BigCommerce. Describe a section in plain English — hero banner, feature grid, countdown, signup form — and it generates the HTML and places it on your page. Chat to refine it, paste an image for reference or generate one, or start from a template gallery. Then fine-tune everything in the built-in visual editor — colors, typography, spacing, borders, and flex/grid layout — per breakpoint, no code. It works on every BigCommerce theme and installs straight into Page Builder. The visual editor and all manual editing are free; only AI generation (sections and images) uses credits, and new accounts start with free ones.

Free to use — credits only for AI generation · AI HTML Widget docs · Changelog

Questions? contact@papathemes.com — or find us on Facebook and YouTube.

Edit any banner without touching code. With today's release, the AI HTML Widget ships a brand-new Visual Editor — fine-tune every banner you create (or already have) with a real visual surface, right inside BigCommerce Page Builder.

The Problem: Fine-Tuning Banners Used to Mean Code

You generated a beautiful banner with AI. The hero looks great. But your brand uses a different indigo, the padding feels too tight on mobile, and the CTA button needs a softer radius.

Until today, fine-tuning meant one of three things:

• Dive into the raw HTML the widget produced
• Ask the AI again and hope it nails it on the next try
• Open dev-tools and copy CSS into your theme

None of those scale to dozens of banners across a storefront.

The Solution: Two Entry Points, One Visual Editor

The brand-new Visual Editor in AI HTML Widget v1.2 replaces all of that with a single visual surface. There are two ways to launch it — and both open the exact same panel on the same design.

Method 1 — Edit Straight from AI Chat

Generate a banner with the AI assistant, click the edit pencil, and the Visual Editor opens instantly inside the chat panel.

Generate any banner with the AI assistant. As soon as the banner renders inside the chat panel, you'll see a small edit pencil next to it. Click it. The Visual Editor takes over and snaps onto the design you just generated.

This is the fast path: prompt → generate → fine-tune → publish, all without leaving the chat.

Method 2 — Edit Straight from the Gallery

Every banner you save is one click away. Open any of them in the Visual Editor without re-generating.

Every banner you save, AI-generated or hand-built, lives in your Widget Gallery. Open any one of them, hit Edit, and the same Visual Editor opens on top of that design.

This is the curation path: review your library, pick a banner, polish it for a specific page, save the variant.

Same editor. Same shortcuts. Same panel layout. Zero context-switching.

What You Can Edit, at a Glance

The properties panel adapts to whatever element you select — text, image, button, container. Every numeric field gets a stepper and a unit selector. Every property gets a one-click reset.

Click any element on the canvas and the right panel lights up with everything you can change:

Every numeric field has a unit selector (px, %, em, rem, vh, vw, auto). Every property has a ↺ reset button that appears the moment your value drifts from the saved original. One click, back to baseline.

Per-Breakpoint Overrides — The Killer Feature

Three tabs at the top of the panel. Override only what needs to be different on each breakpoint. The widget emits a CSS rule only where you set one.

The Visual Editor is fully responsive-aware. Three tabs at the top of the panel switch your view and your scope:

• ? Desktop — your base design. Every property you set applies here.
• ? Tablet — overrides cascade down from desktop. Change only what needs to be different on max-width: 1024px.
• ? Mobile — overrides cascade down from tablet. Tweak just the few properties that need to behave differently on max-width: 768px.

A property only emits a CSS rule at the breakpoint where you override it. No bloated display: none hacks, no duplicated style blocks. The widget keeps each layer crisp and minimal.

You can tell at a glance which properties are overridden at the current breakpoint — the affects N elements badge tells you exactly how many DOM nodes will pick up the override, and the ↺ reset button appears the instant your value differs from the saved snapshot.

Live Preview and Instant Save

Every drag of a slider, every keystroke in a numeric field, every color hex change is reflected in the canvas on the same frame. No "apply" button. No round-trip to a preview pane.

Behind the scenes, the editor compiles your changes into scoped CSS that lives next to the widget instance. When you hit Save, the widget's HTML and the scoped CSS land in your storefront atomically — no half-applied state, no rebuild step.

If you want to back out, the Discard button restores the last saved snapshot for the whole banner. Selection state is preserved, so you can keep iterating.

What's New Under the Hood

For the developers in the room — what we shipped behind the scenes:

• CSSOM-based cascade resolver — the editor reads <style> rules from the widget's scoped stylesheets, indexes them by selector + breakpoint + specificity + source order, and computes the winning value for every property exactly the way the browser would.
• Saved-snapshot diff — the ↺ reset shows up the moment your current value differs from the saved DOM, not the initial DOM. So if you saved a version yesterday and tweak today, the reset restores to yesterday's value, not the AI's first-try output.
• Paste sanitization — inline text editing strips dangerous markup on paste (scripts, on*= event handlers, javascript: URLs) so an AI-generated paragraph can never sneak an XSS into your storefront.
• URL scheme allowlist — image src and link href attribute edits only accept http, https, mailto, and tel schemes. Anything else is rejected before it reaches the DOM.
• Per-corner radius longhands + per-side border longhands — true border-top-left-radius / border-right-width granularity, not just the shorthands.

Try It Today

The new Visual Editor ships with AI HTML Widget v1.2 and is enabled on every existing install — no migration, no opt-in toggle.

If you don't have AI HTML Widget yet, the free 14-day trial unlocks every feature on every BigCommerce theme. No code required, works on every theme, cancel anytime.

Start your free 14-day trial →

Questions or feedback? Drop us a line at contact@papathemes.com — or reply on Facebook and YouTube.

Re-index only the products that changed. With today's release, PapaSearch merchants can now filter indexed products by a custom date range and re-index just the matching subset—instead of re-indexing your entire product catalog.

The Problem: Full Re-Indexes Are Inefficient

The Manage Product Indexes page — re-indexing the entire catalog reprocesses every item, even those that never changed.

After a bulk product update—like adjusting prices, refreshing inventory, or fixing descriptions across multiple SKUs—merchants need to refresh the search index. Traditionally, this means:

• Re-indexing your entire product catalog (even unchanged items)
• Waiting for the full-catalog process to complete
• Consuming quota unnecessarily
• Applying load to search infrastructure

For stores with large catalogs, full re-indexes consume time and quota that could be avoided.

The Solution: Targeted, Date-Range Re-Indexing

PapaSearch v1.3.0 introduces date-range filtering on the Manage Indexes page:

Filter by Modified Date

Use the new Modified filter to narrow down products by when they were last updated:

• Last 1 day, 3 days, 1 week, 1 month — quick presets for common scenarios
• Since last sync — automatically catches everything modified after your last full re-index (available after your store has completed a full sync)
• Custom date range — pick any From/To dates (UTC) with an Apply button to commit your selection

No page reload while you're adjusting dates—edit your date range locally, review the matching product count, then apply with a single click.

Switch to the Modified filter, then pick a preset or set a Custom From/To date range (UTC) and click Apply.

Select and Re-Index All Matching

Once you've filtered to your target subset:

1. Select products via checkboxes (or select all on the current page)
2. When your filtered results span multiple pages, a "Re-index all N items" button appears in the bulk-action row
3. Click the button to open a confirmation dialog (prevents accidental triggers)
4. Confirm, and PapaSearch re-indexes only the filtered products
5. Your store's full-catalog sync timestamp stays clean (no interference)
6. Watch progress updates as products are processed

When results span multiple pages, the "Re-index all N items" button appears in the bulk-action row.

Note: If your filtered results fit on a single page, use the "Re-index Selected" button instead.

Example Workflow

1. Finish a bulk inventory import that modifies products from yesterday
2. Open Manage Indexes → switch to Modified filter
3. Select Last 1 day (or Custom: yesterday to today)
4. PapaSearch shows the matching product count on the result list
5. Select products (or all on the current page)
6. If results span multiple pages, click "Re-index all N items" → confirm
7. Watch progress; filtered products re-index without full-catalog overhead

Benefits

• Efficient updates: Re-index just the products that changed recently instead of your whole catalog
• Lower quota usage: Use significantly less API quota and embedding credits
• Flexible timing: Schedule tactical re-indexes around promotional updates, inventory changes, or seasonal adjustments
• Cleaner history: Filter-based re-indexes don't overwrite your last full-sync timestamp, so you always know when your full catalog was last processed

Under the Hood

• Custom date ranges apply on demand via the Apply button—no unnecessary refetches while you're adjusting dates
• All dates use UTC for consistency with backend logs and automation tools
• Syncing by filter now properly isolates from full-sync state tracking (a key bug fix in this release)

Availability

PapaSearch v1.3.0 is available now for all merchants on the Free, Pro, and Enterprise plans. The Manage Indexes page update is live—no additional configuration required.

How to Use Date-Range Re-Indexing

1. Log in to your PapaSearch merchant dashboard
2. Navigate to Manage Indexes
3. Select the Modified filter (radio button)
4. Choose a preset (Last 1 day, 3 days, 1 week, 1 month, Since last sync) or select Custom for a custom date range
5. If using Custom: Enter From and To dates (UTC), then click Apply
6. Review the product count in the filtered results
7. Select products via checkboxes (or select all on the current page)
8. If your results span multiple pages: Click "Re-index all N items" (otherwise use "Re-index Selected")
9. Confirm the action in the modal dialog
10. Monitor progress as products are synchronized and vectorized

FAQ

Q: Does re-indexing by filter affect my full-sync timestamp? A: No. Filter-based re-indexes now properly isolate from your full-sync tracking, so your store's master sync history stays accurate.

Q: What timezone do the date ranges use? A: UTC. This ensures consistency with your system logs and scheduling tools.

Q: When does the "Re-index all N items" button appear? A: The button appears only when your filtered results span more than one page (i.e., total matching count > items per page). For single-page results, use the "Re-index Selected" button instead.

Q: How does the Custom date range work? A: Enter a From date and To date (both UTC), then click Apply to filter the product list. The page does not reload while you're typing—only when you click Apply.

Q: Can I undo a re-index? A: Re-indexing updates product data but doesn't delete anything. If you need to revert, perform a new re-index with different products, or run a fresh full-catalog sync.

Q: Which products show in the list? A: The filtered list reflects PapaSearch's internal modification timestamps (when a product was last updated in Elasticsearch). This syncs with your BigCommerce product updates.

What Else Is New

Bug Fix: Syncing products by filter no longer disturbs your store's full re-index timestamp, ensuring accurate sync history and cleaner index management workflows.

Ready to optimize your search indexing? Update to PapaSearch v1.3.0 today and re-index only what matters.

Get PapaSearch | Full Changelog | Contact Support

New Shopify App — Available Now

Turn Product Diagrams Into Shoppable Hotspots

Click any part on an exploded view, schematic, or assembly diagram — add it straight to cart. No theme code required.

PapaThemes today announced the public launch of Parts Diagram, a Shopify app that turns product images into interactive hotspot diagrams with inline cart functionality. The app is now available on the Shopify App Store with a free plan for every Shopify merchant.

What Parts Diagram Does

Parts Diagram lets shoppers click on any part of an exploded view, schematic, or assembly diagram — and add that part to cart in a single interaction. No more scrolling through long parts lists or matching SKUs to small thumbnails.

For merchants selling automotive parts, bicycle components, electronics, furniture, industrial equipment, or sports gear, Parts Diagram replaces the typical list-driven catalog page with a visual, click-to-buy experience.

"We built Parts Diagram after seeing the same pattern in our theme support tickets year after year: shoppers ordering the wrong part because they couldn't tell two near-identical SKUs apart in a thumbnail. A diagram solves that immediately — shoppers see context, click the right part, and check out faster. We're excited to make this available to every Shopify merchant." — PapaThemes team

Key Features at Launch

For Shoppers (Storefront)

• Click pinpoint or polygon hotspots on any product image
• Inline variant picker — size, color, option — without leaving the page
• Live price and stock sync, pulled directly from Shopify products
• Sale price detection with automatic strikethrough on regular prices
• Three storefront layouts: side panel, overlay, or popup
• Full keyboard navigation and WCAG 2.1 AA accessibility compliance

For Merchants (Admin)

• Drag-and-drop image upload (PNG or JPG)
• Pinpoint and polygon drawing tools for precise hotspot placement
• Live product search and variant linking
• Storefront preview before publishing — no broken diagrams ever go live
• Hotspot-level analytics: impressions, clicks, add-to-cart conversion
• JSON import/export for moving diagrams between staging and production stores
• Storefront layout settings, pricing display, SKU visibility — all configurable

For Developers and Themers

• Theme App Extension — works with every Online Store 2.0 theme
• Zero theme code modifications required
• App Proxy backed by HMAC-signed requests
• Multi-currency billing: USD canonical, with native EUR and JPY price points

Pricing — Free Plan, Then $7.99 to Start

Annual billing is available at a 17% discount across all paid plans. The Free plan adds a small "Powered by Parts Diagram" link to the storefront, which paid tiers remove.

"We wanted the free plan to be genuinely useful — not just a teaser. Two full diagrams and five hotspots each is enough for many small catalogs to test the experience in production. When merchants outgrow the free tier, the paid plans scale proportionally to their needs." — PapaThemes team

How Merchants Experience It

1. Install — Free install on the Shopify App Store
2. Upload — Drag any diagram image into the editor
3. Map — Draw hotspots and link them to existing Shopify products
4. Preview — Test the live storefront experience from the admin
5. Publish — Toggle live, and the block appears on the product page

First-time setup takes under five minutes. No theme code changes are required.

Built for Shopify Online Store 2.0

Parts Diagram is built as a Theme App Extension, the modern Shopify integration pattern introduced with Online Store 2.0. This means:

• Merchants add the storefront block through their theme editor — never editing theme code directly
• Updates to the app deploy through Shopify's standard extension pipeline
• The block participates in Shopify's performance budget, with measured Lighthouse impact under five points on every supported theme

Availability and Roadmap

Parts Diagram is available immediately to every Shopify store at apps.shopify.com/parts-diagram.

In active development for the next quarters:

• Multi-image diagrams — multiple views per product (front, side, exploded)
• Conditional logic — different diagrams per variant
• Bulk CSV import — for catalogs with hundreds of diagrams
• Storefront translations — extending beyond admin-only multi-language
• Public API — for advanced integrations and custom workflows

About PapaThemes

PapaThemes builds Shopify and BigCommerce e-commerce themes used by merchants worldwide. Founded with a focus on high-quality, code-clean themes that pass strict QA, the company has shipped dozens of themes across product categories ranging from automotive parts to fashion. Parts Diagram is PapaThemes's first standalone Shopify app — built on lessons learned across years of theme development and merchant support.

Press contact: contact@papathemes.com Web: papathemes.com Documentation: sp-parts-diagram-docs.papathemes.com

PapaThemes AI HTML Widget is now powered by Claude Opus 4.7 on the Max tier. Starting today, every prompt you send through Max routes to Anthropic's newest flagship model — the same one Anthropic has positioned as their most capable model for code generation, complex instruction following, and long-context tasks. There is no setting to flip, no plan change, and no price increase. If you are already on the Max tier, your next "build me a hero section" prompt will run on Opus 4.7.

This post walks through what Opus 4.7 actually changes for BigCommerce merchants using AI HTML Widget Max — how the output looks different on the same prompts you are already running, where the longer context shows up in real workflows, and what stays exactly the same (your credits, your pricing, your dashboard).

What is Claude Opus 4.7

Claude Opus 4.7 is the latest generation of Anthropic's flagship Opus model line. For an AI section builder like AI HTML Widget, three of its improvements matter the most:

• Improved code generation — Opus 4.7 produces cleaner, more complete code on the first try. It is better at structuring components, naming variables sensibly, wiring up Tailwind utility classes correctly, and finishing what it starts (no half-built sections that need a follow-up "please complete this" prompt).
• Extended context handling — the model can hold much more of your prompt and reference material in working memory at once. In practice that means you can describe your brand, paste in a longer product list, attach a copy block, and ask for a full section in a single shot — without the model losing track of what you said in the first paragraph by the time it gets to the markup.
• Better instruction adherence — Opus 4.7 follows specific instructions more reliably. If you say "two CTAs side by side, no third button," it ships two CTAs, not three. If you say "use the brand purple for the primary, slate gray for the secondary," that is what comes back. The model is better at separating "what you said" from "what it usually does."

These are not abstract benchmark wins — they are the exact three areas that determine whether a generated section drops straight into your BigCommerce store or needs a round of cleanup first. AI HTML Widget Max is plugged directly into the upgraded model, so every benefit flows to your prompts automatically.

What Changes for AI HTML Widget Max Users

The most visible difference is the quality of the first generation. With Opus 4.7, prompts that used to need a second iteration ("can you add the trust badges I asked for?", "the buttons are not aligned, please fix") tend to come back complete on the first run. That saves credits, saves time, and makes the experience feel a lot more like working with a senior front-end engineer than steering a junior intern.

The second difference is how much you can pack into a single prompt. Before, longer prompts — the kind where you paste in a full design brief, brand guidelines, three product blurbs, and a CTA copy block — could nudge the model toward shortcuts as it tried to fit everything. With Opus 4.7's extended context, you can feed the model a much fuller spec up front and trust that the details from the top of the prompt are still being honored at the bottom of the markup. Brand-heavy stores, multi-product features, and long testimonial sections benefit the most.

The third difference is respect for constraints. If your prompt says "no inline styles, use Tailwind only," Opus 4.7 honors it. If you say "no links — this is a static feature block," it skips the links. The model is better at hearing you out and writing what you actually asked for.

What does not change: your prompt format, your dashboard, your library of saved widgets, and your credit balance. Everything you already use stays exactly where it was. The model swap is invisible from a workflow standpoint — it just shows up in the quality of what comes back.

Side-by-Side: A Real BigCommerce Section Prompt

Here is a prompt many BigCommerce merchants run regularly:

Build a 3-column feature grid for our homepage. Each column has an icon, a one-line headline, and a two-line description. Headlines: "Free shipping over fifty dollars," "30-day returns," "24/7 support." Use clean modern styling with generous spacing. No inline styles — use Tailwind classes only.

On the previous model, that prompt typically produced solid markup, but you would often see one or two corrections needed: an extra column with placeholder content, headlines that drifted slightly from the wording you specified, or icons rendered as emoji instead of SVGs.

On Opus 4.7, the same prompt comes back tighter. Three columns — exactly three. Headlines match word for word. Icons sit cleanly in their containers, Tailwind classes stay consistent, and spacing honors the "generous" instruction without overshooting. The block is ready to paste into a BigCommerce stencil page or stash in your widget library, no edits required.

The same pattern shows up across the prompts merchants run most often — hero sections, testimonial carousels, comparison tables, FAQ accordions, and product showcase grids. You will still want to review the output before publishing, but the gap between "AI draft" and "production-ready" is noticeably smaller.

Pricing & Credits — Unchanged

This is a model upgrade for AI HTML Widget Max users, not a pricing change. Concretely:

• The Max tier sits at the same monthly price it did before today
• Your existing credit balance carries over exactly as it stood
• The free starter credits we offer to new BigCommerce store owners stay in place
• Your Lite and Pro tier prompts continue to run on the models they already use
• Nothing about the way credits are deducted or topped up has changed

If you are on Max, you get Opus 4.7 at no additional cost. If you are on Lite or Pro and curious whether Max is right for your store, the dashboard makes upgrading a one-click change — no contract, cancel any time.

We held the line on pricing because Max users were promised access to our best models — Opus 4.7 is our best model today, so Max users get it today.

How to Start Using It

If you are already a Max tier subscriber, there is nothing to install and nothing to configure. Open the AI HTML Widget Max dashboard, type your next prompt, and Opus 4.7 will handle it. The interface looks identical and the output drops into the same preview pane as before.

If you have not used the Max tier yet, the fastest way to get a feel for the upgrade is to run a section prompt you have run before on a different tool. Use exactly the same wording and compare. Most merchants notice the difference inside the first three or four prompts — fewer revisions, more on-spec markup, and code that pastes cleanly into a BigCommerce stencil template.

Some quick prompt patterns that show off Opus 4.7 well:

• Long, opinionated specs ("our brand is X, our tone is Y, build me a hero that…") — extended context shines here
• Tight constraints ("no JavaScript, semantic HTML only") — instruction adherence shows up immediately
• Multi-element layouts (hero + sub-feature row + CTA in one block) — cleaner code generation keeps everything coherent

The full AI HTML Widget documentation lives at the PapaThemes AI HTML Widget docs, and the running release history is in the changelog.

Why This Matters for BigCommerce Merchants

For a small BigCommerce team, every minute spent revising a generated section is a minute not spent on merchandising, content, or customer care. A better model on the Max tier means more prompts end with usable markup on the first try — which is the difference between AI being a curiosity and a tool you reach for every week.

It also matters for stores that lean on AI HTML Widget for design experimentation. If you regularly A/B test landing page sections, run seasonal campaigns, or spin up promo blocks, faster iteration means faster learning. And for brand-conscious stores, better instruction adherence translates directly into less manual cleanup — colors land where you said, voice stays in lane, and buttons read what you want them to read.

PapaSearch v1.2.0 is now live for every BigCommerce store running our AI-powered search and filter app. This release focuses on the two areas merchants ask about most often: showing the right products to shoppers (especially when stock is tight) and keeping the search index in lockstep with your catalog. We also cleaned up a few rough edges around the search popup and shipped a handful of stability fixes.

If you run a BigCommerce store on PapaSearch, the upgrade is automatic — there is nothing to install and nothing to migrate. This post walks through what changed in v1.2.0, why it matters for shoppers and merchants, and where to look in your dashboard if you want to fine-tune the new behavior on day one.

Default In-Stock Filter

The single biggest change in v1.2.0 is a new option to set a default checked value per filter. The first place this shows up is the stock filter — you can now decide whether the "In Stock" checkbox should be pre-checked the moment a shopper opens the search popup or visits a category page.

Why this matters

When a customer types a query into your search box, the last thing they want to see is a wall of out-of-stock products mixed in with the in-stock ones. Before v1.2.0, the in-stock checkbox was off by default, so every shopper had to find the filter, click it, and wait for the results to refresh. That extra step costs you clicks, especially on mobile where filter sidebars are usually one tap away from being ignored.

With the default checked option enabled, in-stock results lead the experience. Shoppers see what they can actually buy first — and if they want to look at backordered items, the checkbox is right there to uncheck.

How merchants configure it

The setting lives inside your PapaSearch dashboard under filter configuration. Find the stock filter, open its settings panel, and toggle Default Checked on. Save, and the change rolls out to your storefront within a few seconds.

You can layer this with the existing "hide out of stock" option (more on that below) for stores that want the cleanest possible search experience.

This new "default checked value per filter" framework is also designed to grow. Stock is the first filter to support it because it is the most common use case, but the same pattern will arrive for category, price, brand, and custom attribute filters in upcoming releases.

Faster Inventory Sync

The second headline improvement in v1.2.0 is faster inventory updates. Stores with large catalogs — especially anything past a few thousand SKUs — should notice that stock-level changes propagate to the search index much more quickly than before.

What changed under the hood

PapaSearch keeps a search index that mirrors your BigCommerce catalog. Every time you update inventory in BigCommerce admin, that change has to be reflected in the index so that the right products appear (and the right ones get filtered out). In earlier versions, large catalog updates could occasionally lag behind your store, which meant a recently restocked item might still look out of stock in search results for a brief window — or, on the flip side, a sold-out item could linger in results for a few extra moments.

In v1.2.0 we tuned the way inventory deltas are applied to the index. The result is a faster path from "stock level changed in BigCommerce" to "product filter and search reflect it accurately." This is especially helpful for catalogs in the multi-thousand SKU range, where the gap between "BigCommerce admin" and "what shoppers see in search" used to be most visible.

What you will notice

For most stores the difference is invisible — search just works. But if you run flash sales, restock notifications, or sync inventory from a third-party ERP, you should see fewer moments where a product looks out of stock to your shoppers right after you have already restocked it. The new pacing also means the in-stock filter we just talked about will reflect reality more reliably during high-traffic moments, which is exactly when small lag windows used to be most expensive in lost conversions.

There is also a small but real impact on your dashboard: the inventory-related save and reindex cycles complete more quickly, so when you toggle filter settings or push a bulk inventory update from BigCommerce, you spend less time waiting on the "indexing" indicator before the store reflects your change.

There is no setting to flip — the new sync behavior is the default for every PapaSearch installation.

Cleaner Quick Search Popup

The quick search popup is the dropdown your shoppers see when they start typing in the search box. v1.2.0 includes a UI fix for the zero-state layout — the brief moment when the popup is open but the shopper has not typed anything yet, or has cleared the input.

Before the fix, the empty state could render with awkward spacing on certain themes, leaving an unbalanced gap above suggested results or a caret that sat slightly out of place. It was small, but visible enough that a few merchants flagged it. The popup now lays out cleanly with consistent padding and a clearly defined empty-state region, regardless of which theme you are running.

If you have ever opened your own search popup and thought "the spacing here is a little off," that report has been addressed. The fix also makes the popup behave more predictably for shoppers who clear the input and re-type — the layout no longer flickers between empty and populated states, which is a small detail that adds up across thousands of search interactions per day.

Hide Out-of-Stock from Search & Filter

PapaSearch already supports hiding out-of-stock products from search results and filters at the store level. With the new default in-stock filter on top of it, you now have a clean two-layer system to control how much shoppers see:

• Hide entirely — turn on the global "hide out-of-stock" option in PapaSearch settings, and out-of-stock products are removed from search and filter results altogether
• Hide by default, but allow opt-in — leave the global option off and use the new default-checked stock filter instead, so shoppers see in-stock products by default but can uncheck the filter to view everything

The second pattern is the right fit for most stores. It keeps the shopping experience focused on items that ship today, while still giving curious customers a way to find that one backordered SKU they remember from last month. Shoppers feel more in control, your search results page looks tighter, and your conversion path stays clean.

For stores running flash promotions, gift seasons, or any moment where stock turns over fast, this combination is the lowest-effort way to make sure your search experience is always pointing customers at products they can actually buy.

If you sell across multiple regions or warehouses where stock availability varies, the default-checked filter is also a good way to nudge shoppers toward whatever is locally available without forcing the choice on them. They still have full control — the filter is right there in the sidebar — but the default lines up with the most useful experience for the majority of visits.

Stability & Fixes

v1.2.0 also resolves a few targeted issues:

• PayPal validation — fixed an edge case where PayPal validation could behave unexpectedly under specific configurations. Stores running PayPal as a payment option should not see this issue in v1.2.0.
• Search popup layout — the zero-state UI fix described above also closes a related layout report.
• General stability — additional small reliability improvements across the search and indexing pipeline. These are the kind of fixes that keep your search responsive and your dashboard snappy.

None of these change how PapaSearch works for shoppers — they make sure the experience holds up consistently across every BigCommerce store on the platform.

How to Get the Update

If you are already running PapaSearch on your BigCommerce store, you do not need to do anything. v1.2.0 is rolled out automatically across all hosted installations. Open your PapaSearch dashboard and you should see the new default-checked option on your stock filter, plus the cleaner search popup behavior on your storefront.

If you want to take advantage of the new default in-stock filter on day one, head into your filter configuration, open the stock filter, and toggle the default checked option on. Save your changes and confirm the new behavior on a category page or by triggering the search popup on your storefront. We recommend testing on a category with a mix of in-stock and out-of-stock products so you can see the filter at work right away.

There is no version pinning required and no migration script to run — every store on PapaSearch is now on v1.2.0. For the full release notes and a running history of every PapaSearch update, the PapaSearch changelog is the source of truth.

Get Started with PapaSearch

PapaSearch is the AI-powered search and filter app built specifically for BigCommerce — fast, relevance-tuned, and designed for the kind of catalog complexity real merchants run into every day. v1.2.0 makes it noticeably better at the two things that matter most: showing the right products and keeping up with your inventory.

If you are not yet running PapaSearch, explore the demo and pricing to see how it fits your store. If you are already a customer, the upgrade is live — log in, take the new in-stock filter for a spin, and let us know what you think.

We have more upcoming improvements on the same theme: extending default-checked filters to category, price, brand, and custom attributes, plus continuing to tighten the indexing path. Stay tuned, and thanks for being part of the PapaSearch community.

Google AI Overviews now appear in 48% of all searches — and organic click-through rates have dropped 61% on those queries. Meanwhile, ChatGPT ecommerce referrals grew 1,079% in 2025 alone. The question is no longer if AI will reshape how customers find your store — it's whether your BigCommerce store is ready to be cited, recommended, and surfaced by these AI systems.

This guide gives you the complete playbook for Generative Engine Optimization (GEO) — the new discipline of optimizing your content so Google AI Overview, ChatGPT, Perplexity, and other AI systems cite your store. We'll cover the ranking factors that matter, the schema markup BigCommerce stores need, and practical steps you can implement today.

Why Traditional SEO Alone No Longer Works

The search landscape has fundamentally shifted. Here's what the data shows:

The old playbook of keyword stuffing and link building is dead. AI systems evaluate content differently — they look for semantic completeness, factual accuracy, structured data, and multi-modal richness. Domain authority, once the golden ticket, now correlates at just r=0.18 with AI citations (down from r=0.43 in 2024).

But here's the opportunity: 47% of AI Overview citations come from pages ranking below position five in traditional search. That means even newer stores with modest domain authority can win AI citations — if they optimize correctly.

The 7 Ranking Factors for Google AI Overview

Based on analysis of over 15,000 AI Overview results, these are the factors that determine whether your BigCommerce store gets cited:

1. Semantic Completeness (Highest Priority)

AI Overview prefers content that is self-contained and comprehensive — each section should make sense on its own without requiring context from elsewhere on the page.

What this means for your store:

• Write product descriptions as complete "information islands" of 134–167 words
• Each section should answer a question fully, not reference "as mentioned above"
• Category pages should explain what the category is, who it's for, and why it matters — not just list products

BigCommerce implementation:

• Use your theme's custom fields to add rich, standalone descriptions to every category
• Add contextual content blocks above and below product grids
• PapaThemes AI Widgets can generate complete, semantically rich content sections for any page with a single AI prompt — just describe what you need and the widget builds it

2. Multi-Modal Content (Text + Images + Video + Schema)

Pages with text, images, video, and schema markup show 317% higher citation rates in AI Overviews. AI systems favor rich, multi-format content that serves different learning styles.

What this means for your store:

• Every product page needs high-quality images with descriptive alt text
• Embed short product videos (60–90 seconds) on key product pages
• Add FAQ sections with proper schema to category and product pages
• Blog posts should include inline images in every major section

BigCommerce implementation:

• Use PapaThemes themes — all 44+ themes include optimized image galleries, video embedding support, and clean semantic HTML structure
• Add FAQ tabs to product pages using your theme's built-in tab system
• Use PapaThemes AI Widgets to create rich content sections with images, comparison tables, and feature showcases — no coding required

3. Factual Verification & Citations

AI systems prioritize content that links to authoritative sources. Pages citing peer-reviewed or government sources get 132% higher visibility, and expert quotes boost citations by 78%.

What this means for your store:

• Link to BigCommerce official documentation when discussing platform features
• Cite industry reports (Baymard Institute, NNGroup) when making UX claims
• Include specific, verifiable statistics with dates — "conversion rates increased 23% (Baymard, 2025)" not "conversion rates go up"
• Reference real customer results with specifics

4. E-E-A-T Signals (Experience, Expertise, Authority, Trust)

96% of AI Overview citations come from verified authoritative sources. Author credibility has moved from a bonus to a requirement.

What this means for your store:

• Blog posts must have visible author bylines with real credentials
• About pages should showcase team expertise and industry experience
• Include customer testimonials with full names and business names (with permission)
• Display trust badges, certifications, and partnership logos

BigCommerce implementation:

• Create detailed author profiles on your blog
• Add Person schema markup to author pages
• Use review apps to display verified customer reviews with rich snippets
• PapaThemes themes include testimonial sections, trust badge areas, and structured review displays built into every theme

5. Entity Knowledge Graph Density

Content with 15+ connected named entities (brands, people, tools, standards) shows 4.8x higher AI citation rates. AI systems build understanding through entity relationships.

What this means for your store:

• Name specific products, brands, standards, and technologies in your content
• Don't write "our ecommerce platform" — write "BigCommerce"
• Reference specific tools: "Google PageSpeed Insights," "Schema.org Product markup," "Core Web Vitals"
• Mention industry players and how your products compare or integrate

6. Structured Data (Schema Markup)

Properly structured content shows 73% higher selection rates for AI Overview citations. This is where BigCommerce stores have a massive opportunity — and where most are falling short.

We'll cover this in depth in the schema markup section below.

7. Content Freshness

Content older than 3 months shows a sharp drop in AI citation frequency. AI systems prefer recent, up-to-date information.

What this means for your store:

• Update key blog posts quarterly with fresh statistics and examples
• Add "Last updated: [date&91;" to important content pages
• Publish regular content on trending topics in your niche
• Keep product descriptions current with seasonal references

How to Get Recommended by ChatGPT

ChatGPT ecommerce referrals are growing explosively — 1,079% year-over-year — but optimizing for ChatGPT requires different strategies than Google AI Overview.

How ChatGPT Decides What to Recommend

When a user asks ChatGPT "What's the best BigCommerce theme for a fashion store?", the system:

1. Searches its training data for entities matching the query
2. Checks live web results (via Bing integration) for current information
3. Evaluates brand authority signals — mentions across multiple trusted sources
4. Synthesizes an answer citing the most authoritative, frequently mentioned options

5 Strategies for ChatGPT Visibility

Strategy 1: Build Off-Site Brand Mentions

Brands in the top quartile for online mentions receive 10x more AI citations than the next quartile. ChatGPT learns about your brand from what others say about it.

• Get featured in BigCommerce partner directories and app marketplace
• Publish guest posts on ecommerce industry blogs
• Participate actively in Reddit communities (r/ecommerce, r/BigCommerce, r/webdesign)
• Contribute to BigCommerce Community Forum with helpful, expert-level answers
• Seek mentions in "best BigCommerce themes" roundup articles

Strategy 2: Create Comprehensive Comparison Content

ChatGPT breaks complex questions into sub-queries. If someone asks about BigCommerce themes, ChatGPT may separately evaluate: design quality, performance, price, support, customization options.

• Create dedicated comparison pages covering every angle
• Include pricing tables, feature matrices, and pros/cons
• Address competitor alternatives honestly — AI rewards balanced content

Strategy 3: Publish Expert-Level Educational Content

ChatGPT heavily cites educational content with clear structure and expertise signals.

• Write comprehensive tutorials with step-by-step instructions
• Include code snippets, screenshots, and video walkthroughs
• Use question-based headings that match how people ask ChatGPT

Strategy 4: Maintain Technical Accessibility

• Verify your robots.txt doesn't block AI crawlers (OAI-SearchBot, ChatGPT-User)
• Use server-side rendering — JavaScript-dependent content may not be indexed
• Don't hide key information behind tabs, accordions, or login walls
• Ensure your CDN (Cloudflare, etc.) doesn't block AI bots

Strategy 5: Refresh Content Every Quarter

ChatGPT citation frequency drops sharply for content older than 3 months. Keep key pages updated with current dates, statistics, and examples.

Essential Schema Markup for BigCommerce Stores

Schema markup is the single most impactful technical optimization for AI search visibility. Here's exactly what your BigCommerce store needs:

Product Schema (Every Product Page)

This is the most critical schema type for ecommerce. It enables rich snippets showing price, availability, and ratings directly in search results — and signals clear product information to AI systems.

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Supermarket – Large Store BigCommerce Theme",
  "image": "https://papathemes.com/content/supermarket/supermarket-hero.jpg",
  "description": "A high-converting, fully responsive BigCommerce Stencil theme designed for large catalog stores, supermarkets, and multi-category retailers. Features mega menu, quick view, product comparison, and 50+ customizable sections.",
  "brand": {
    "@type": "Brand",
    "name": "PapaThemes"
  },
  "sku": "supermarket-bc-theme",
  "offers": {
    "@type": "Offer",
    "url": "https://papathemes.com/supermarket-large-store-stencil-bigcommerce-template/",
    "priceCurrency": "USD",
    "price": "299",
    "availability": "https://schema.org/InStock",
    "priceValidUntil": "2026-12-31"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "47"
  }
}

Critical rules for BigCommerce:

• Pull values dynamically from BigCommerce product objects — never hardcode prices or availability
• Ensure the schema price matches the visible price on the page — mismatches cause Google to lose trust
• Include aggregateRating only if you have real reviews (fake ratings can trigger penalties)

FAQ Schema (Category & Product Pages)

FAQ schema is described as "a goldmine for AI Overview" — it directly maps to how AI systems extract and display answers.

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What makes PapaThemes different from other BigCommerce themes?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "PapaThemes offers 44+ premium BigCommerce Stencil themes with lifetime licenses, free updates, and dedicated support. Each theme includes advanced features like mega menus, product comparison, and Ajax add-to-cart that competitors charge extra for."
      }
    },
    {
      "@type": "Question",
      "name": "Do PapaThemes themes support multi-currency and multi-language?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes. All PapaThemes themes fully support BigCommerce's multi-currency and multi-language features, including RTL layouts for Arabic and Hebrew markets."
      }
    }
  &91;
}

HowTo Schema (Tutorial & Guide Pages)

Essential for getting cited in step-by-step AI answers:

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to Install a PapaThemes BigCommerce Theme",
  "description": "Step-by-step guide to installing and configuring a PapaThemes theme on your BigCommerce store.",
  "step": [
    {
      "@type": "HowToStep",
      "name": "Download the theme",
      "text": "After purchase, download the .zip theme file from your PapaThemes account dashboard."
    },
    {
      "@type": "HowToStep",
      "name": "Upload to BigCommerce",
      "text": "In your BigCommerce admin, go to Storefront > Themes > Upload Theme and select the downloaded .zip file."
    }
  &91;
}

Article Schema (Blog Posts)

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "BigCommerce SEO in 2026: How to Rank in AI Overview & ChatGPT",
  "author": {
    "@type": "Person",
    "name": "PapaThemes Team",
    "url": "https://papathemes.com"
  },
  "datePublished": "2026-03-14",
  "dateModified": "2026-03-14",
  "publisher": {
    "@type": "Organization",
    "name": "PapaThemes",
    "logo": {
      "@type": "ImageObject",
      "url": "https://papathemes.com/content/papathemes-logo.png"
    }
  }
}

How to Add Schema to BigCommerce

Method 1: Theme Template (Recommended)

If you're using a PapaThemes Stencil theme, schema markup is already partially built-in. For additional schema:

1. Go to Storefront > Script Manager in your BigCommerce admin
2. Create a new script with placement "Footer" and location "All Pages"
3. Add your JSON-LD schema wrapped in <script type="application/ld+json">

Method 2: PapaThemes AI Widgets

Use PapaThemes AI Widgets to add schema markup to any page without touching theme code. Simply create a widget, paste your JSON-LD, and place it on the desired page via the BigCommerce widget system.

Method 3: Dynamic Schema with Handlebars

For developers using PapaThemes Stencil themes, add dynamic Product schema directly in templates/pages/product.html:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "{{product.title}}",
  "image": "{{getImage product.main_image 'original'}}",
  "description": "{{stripHtml product.description}}",
  "brand": {
    "@type": "Brand",
    "name": "{{product.brand.name}}"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "{{currency_selector.active_currency_code}}",
    "price": "{{product.price.without_tax.value}}",
    "availability": "{{#if product.can_purchase}}https://schema.org/InStock{{else}}https://schema.org/OutOfStock{{/if}}"
  }
}
</script>

AI-Era Content Strategy for BigCommerce Stores

Beyond technical SEO, your content strategy needs to evolve. Here's how to create content that AI systems want to cite:

Write for "Information Islands"

Each content section should be a standalone answer. AI systems extract specific passages — they don't read your entire page.

Before (traditional SEO):

"As we discussed in the previous section, themes play a crucial role. Building on that foundation, let's explore..."

After (AI-optimized):

"BigCommerce themes directly impact conversion rates. Stores using professionally designed themes see 23% higher conversion rates compared to default themes (BigCommerce, 2025). Premium themes like PapaThemes' collection include conversion-optimized features such as quick view, sticky add-to-cart, and product comparison — features that reduce friction and increase average order value."

Create FAQ Content for Every Key Page

AI Overview and ChatGPT heavily favor FAQ-formatted content. Add FAQ sections to:

• Product pages: "Is this theme compatible with BigCommerce multi-currency?", "Does this theme support headless/Catalyst?"
• Category pages: "What's the best BigCommerce theme for fashion?", "How much do BigCommerce themes cost?"
• Blog posts: 3–5 questions related to the article topic
• Landing pages: Address common objections and questions

Target "People Also Ask" Queries

Google's "People Also Ask" boxes are a goldmine for AI content. These questions represent exactly what AI systems try to answer.

High-value queries for BigCommerce stores:

• "What is the best BigCommerce theme for [industry&91;?"
• "How to speed up a BigCommerce store"
• "BigCommerce vs Shopify themes"
• "How to add custom sections to BigCommerce"
• "Best BigCommerce apps for [use case&91;"

For each query, create a dedicated content piece or section with a clear, direct answer in the first paragraph, followed by detailed supporting information.

Leverage Video for Multi-Modal Signals

Video content dramatically increases your chances of AI citation. For BigCommerce stores:

• Product demo videos (60–90 seconds) on every key product page
• Tutorial videos for setup, customization, and best practices
• Comparison videos showing your products vs. alternatives
• Embed videos on the relevant page — don't just link to YouTube

Technical SEO Checklist for AI Readiness

Use this checklist to ensure your BigCommerce store is fully optimized for AI search:

Crawlability & Access

• robots.txt allows AI crawlers (OAI-SearchBot, ChatGPT-User, Google-Extended, Anthropic-ai)
• CDN/WAF doesn't block AI bot user agents
• Key content renders server-side (not JavaScript-dependent)
• No critical content hidden behind login walls, tabs, or accordions
• XML sitemap is current and submitted to Google Search Console

Schema Markup

• Product schema on all product pages (dynamic values)
• FAQ schema on category pages and key landing pages
• Article schema on all blog posts
• BreadcrumbList schema on all pages
• Organization schema on homepage
• AggregateRating schema where reviews exist
• Test all schema with Google Rich Results Test

Content Structure

• H1 contains primary keyword on every page
• Each H2 section is a self-contained "information island" (134–167 words)
• FAQ sections on all key pages
• Images with descriptive alt text in every content section
• Internal links to related pages (3–5 per page)
• External links to authoritative sources (2–3 per page)

Performance & Experience

• Core Web Vitals passing (LCP < 2.5s, FID < 100ms, CLS < 0.1)
• Mobile responsive design
• Image optimization (WebP format, lazy loading)
• Page load under 3 seconds

Content Freshness

• Key pages updated within last 3 months
• "Last updated" dates visible on content pages
• Statistics and examples are current (no outdated data)
• Regular publishing schedule (minimum weekly blog posts)

How PapaThemes Helps You Win in AI Search

Every product in the PapaThemes ecosystem is built with AI-era SEO in mind:

PapaThemes BigCommerce Themes (44+ Themes, $119–$395)

All PapaThemes themes include:

• Clean semantic HTML that AI systems can easily parse
• Built-in schema support for products, breadcrumbs, and organization
• Lightning-fast performance (sub-2-second load times) improving Core Web Vitals
• Mobile-first responsive design with AMP-ready pages
• Multi-currency and multi-language support including RTL layouts
• GDPR-compliant cookie consent and privacy features

Browse the full collection: papathemes.com/bigcommerce-themes/

PapaSearch — AI Semantic Search ($29/month)

PapaSearch replaces BigCommerce's basic search with AI-powered semantic search:

• Understands natural language queries ("red dress under $50 for summer wedding")
• Improves on-site search conversion rates
• Generates structured search data that feeds into your store's SEO signals
• Reduces bounce rate from search — a key quality signal for AI systems

PapaThemes AI Widgets (Free $5 Credits)

The AI Widgets app lets you create any content section using AI prompts:

• Generate FAQ sections with proper schema markup
• Create comparison tables, feature grids, and testimonial displays
• Build custom landing page sections optimized for AI readability
• 337+ pre-built templates covering every common store section

Catalyst Launcher — Headless BigCommerce

For stores requiring maximum performance and SEO control, Catalyst Launcher deploys headless BigCommerce with:

• Server-side rendering (critical for AI crawler access)
• Complete control over schema markup implementation
• Sub-second page loads with edge caching
• Full SEO flexibility with custom meta tags, canonical URLs, and structured data

FAQ

What is Generative Engine Optimization (GEO)?

Generative Engine Optimization (GEO) is the practice of optimizing your website content so that AI systems like Google AI Overview, ChatGPT, and Perplexity cite and recommend your pages. Unlike traditional SEO which focuses on ranking position, GEO focuses on citation frequency — how often AI chooses your content as a source when answering user queries.

How do I get my BigCommerce store to appear in Google AI Overview?

Focus on semantic completeness (self-contained content sections of 134–167 words), multi-modal content (text + images + video + schema), factual citations to authoritative sources, and proper structured data markup. Notably, 47% of AI Overview citations come from pages ranking below position five in traditional search, so even newer stores can win citations with the right optimization.

Does BigCommerce support schema markup for AI SEO?

Yes. BigCommerce supports schema markup through theme templates (Stencil Handlebars), the Script Manager, and third-party apps. PapaThemes BigCommerce themes include built-in schema support for products, breadcrumbs, and organization data. Additional schema types like FAQ, HowTo, and Article can be added via Script Manager or PapaThemes AI Widgets.

How important is content freshness for AI search?

Very important. Data shows that content older than 3 months experiences a sharp decline in AI citation frequency. Update key pages quarterly with fresh statistics, current examples, and recent dates. Adding visible "Last updated" dates on content pages also signals freshness to AI systems.

Can ChatGPT drive real sales for my BigCommerce store?

Yes, and the data is promising. ChatGPT ecommerce referrals grew 1,079% year-over-year in 2025, and AI-referred visitors convert at 14.2% compared to 2.8% for standard organic traffic. While total volume is still small compared to Google, the growth trajectory and higher conversion rates make ChatGPT optimization a high-ROI investment for forward-thinking store owners.

What if you could just describe what you want and get production-ready code in minutes?

That's exactly what PapaThemes AI Widgets does. It turns plain English prompts into fully functional BigCommerce page sections — hero banners, forms, galleries, pricing tables, and more — without writing a single line of code.

In this post, we're sharing 30 ready-to-use prompts organized by category, so you can copy, paste, and customize them for your own store. Each prompt is a real example that works with the AI Widgets chat interface.

How It Works: From Prompt to Page in 3 Steps

Before we dive into the prompts, here's how simple the process is:

1. Install AI Widgets from the BigCommerce App Marketplace (free to install)
2. Open the AI HTML Widget in Page Builder and describe what you want
3. Preview the result on desktop, tablet, and mobile — then publish

The AI generates clean HTML, CSS, and JavaScript that's automatically scoped to avoid conflicts with your existing theme. Every change is version-controlled, so you can always go back.

? Full documentation: AI Widgets Guide →

Now let's get to the prompts.

Hero Banners & Headers

Hero banners are the first thing visitors see. These prompts create attention-grabbing headers with calls to action, gradients, and responsive layouts.

Prompt 1: Spring Sale Hero Banner

Create a full-width hero banner for a spring sale. Use a soft green-to-white gradient background. Add a large headline "Spring Into Savings" with a subheading "Up to 40% off all outdoor furniture — ends March 31." Include a bright green CTA button "Shop the Sale" and a secondary text link "View All Collections." Make it mobile-responsive with the text stacking vertically on small screens.

Prompt 2: Video Background Hero

Build a hero section with a background video placeholder (16:9 aspect ratio, dark overlay at 60% opacity). Overlay a centered white headline "Handcrafted Leather Goods Since 1987" with a thin serif font. Below it, add a tagline "Free shipping on orders over $75" and a white-outlined CTA button "Explore Our Collection." On mobile, replace the video with a static dark background.

Prompt 3: Split Hero with Image

Create a two-column hero section. Left column: headline "Transform Your Workspace" in bold sans-serif, a paragraph "Ergonomic furniture designed for all-day comfort. Trusted by 10,000+ remote workers." and two buttons side by side — "Shop Desks" (filled blue) and "Shop Chairs" (outlined blue). Right column: a large product image placeholder with rounded corners and a subtle shadow. Stack columns vertically on mobile with the image on top.

Prompt 4: Animated Stats Hero

Design a hero section with a dark navy background. Center a headline "Trusted by Growing Businesses Worldwide." Below it, show 4 animated counters in a row: "10,000+" (Happy Customers), "44+" (Premium Themes), "99.9%" (Uptime), "24/7" (Support). Each counter should animate from 0 to the final number when it scrolls into view. Add a CTA button "Start Free Trial" below the counters.

Product Showcases & Feature Grids

Showcase your products and features with interactive grids, comparison tables, and hover effects.

Prompt 5: Product Feature Grid

Create a 3-column feature grid showcasing product benefits. Each card has: an icon placeholder (64x64), a bold title, and 2 lines of description text. Cards: 1) "Lightning Fast" — "Pages load in under 2 seconds with optimized code" 2) "Mobile First" — "Looks perfect on every device, from phones to 4K monitors" 3) "SEO Ready" — "Built-in schema markup and semantic HTML for better rankings." Add a subtle hover effect that lifts each card with a shadow. On mobile, stack to single column.

Prompt 6: Before/After Product Comparison

Build an interactive before/after image comparison slider. Show two images side by side with a draggable divider in the middle. Left side labeled "Before" and right side labeled "After." The divider should have a circular handle with left/right arrows. Include a title above: "See the Difference" and a subtitle "Drag the slider to compare." Make it touch-friendly for mobile users.

Prompt 7: Product Comparison Table

Create a product comparison table with 3 columns: "Basic Plan," "Pro Plan" (highlighted as most popular), and "Enterprise Plan." Rows: Price ($29/mo, $79/mo, Custom), Storage (10GB, 100GB, Unlimited), Users (1, 10, Unlimited), Support (Email, Priority, Dedicated), API Access (No, Yes, Yes), Custom Domain (No, Yes, Yes). Highlight the "Pro Plan" column with a blue border and a "Most Popular" badge. Add "Choose Plan" buttons at the bottom of each column. Make it horizontally scrollable on mobile.

Prompt 8: Category Showcase with Hover Effect

Design a 2x3 grid of category cards. Each card shows a large background image placeholder with a dark gradient overlay at the bottom. Display the category name in white bold text. Categories: "Women's Fashion," "Men's Collection," "Kids & Baby," "Accessories," "Shoes," "Sale Items." On hover, scale the image slightly (1.05x) and increase overlay brightness. Each card links to its category page. On mobile, show as 2x3 grid with smaller cards.

Forms & Lead Capture

Turn visitors into customers with professional forms that capture exactly the information you need.

Prompt 9: Wholesale Inquiry Form

Build a professional wholesale inquiry form with these fields: Company Name (required), Contact Person (required), Email (required), Phone, Website URL, Business Type (dropdown: Retailer, Distributor, Online Store, Other), Estimated Monthly Order Volume (dropdown: Under $1,000, $1,000-$5,000, $5,000-$20,000, $20,000+), Product Categories of Interest (checkboxes: Furniture, Lighting, Decor, Outdoor, All), and a Message textarea. Include a "Submit Inquiry" button and a note "We respond within 24 hours." Style it clean and professional with a white card on a light gray background.

Prompt 10: Multi-Step Contact Form

Create a multi-step contact form with a progress bar showing 3 steps. Step 1 "About You": Name, Email, Phone. Step 2 "Your Project": Project Type (dropdown: New Website, Redesign, Custom Feature, Bug Fix), Budget Range (radio: Under $1K, $1K-$5K, $5K-$10K, $10K+), Timeline (dropdown: ASAP, 1-2 months, 3-6 months, Flexible). Step 3 "Details": Description (textarea), File Upload button, and Terms checkbox. Show Next/Previous buttons. Final step shows a "Submit Request" button. Add smooth slide transitions between steps.

Prompt 11: Newsletter Popup with Discount

Design a newsletter signup section (not a popup, but an in-page section) with a split layout. Left side: large text "Get 15% Off Your First Order" with smaller text "Join 25,000+ subscribers for exclusive deals, new arrivals, and style tips." Right side: Email input field with a "Subscribe" button. Below the input, add a small text "No spam, unsubscribe anytime." Use a warm coral/peach background color. Make it full-width and mobile-stack.

Prompt 12: Product Inquiry Form (B2B)

Create a B2B product inquiry form. Header: "Request a Custom Quote." Fields: Full Name, Company, Email, Phone, Product SKU or Name (text input), Quantity Needed (number input), Customization Requirements (textarea with placeholder "Describe any custom colors, sizes, branding, or packaging needs"), Preferred Delivery Date (date picker), Shipping Country (dropdown with USA, Canada, UK, Germany, Australia, Other). Add a "Request Quote" button and a note: "Custom quotes are typically provided within 2 business days." Use a clean white design with blue accent colors.

Testimonials & Social Proof

Build trust with your visitors through customer reviews, trust badges, and social proof sections.

Prompt 13: Testimonial Carousel

Build a testimonial carousel that shows one review at a time. Each testimonial includes: a customer photo placeholder (circular, 80px), customer name in bold, their role and company, a 5-star rating display, and the testimonial text in italic. Add left/right navigation arrows and dot indicators below. Auto-rotate every 5 seconds with a smooth fade transition. Pause on hover. Include 4 sample testimonials about an e-commerce platform. Use a light background with a subtle quotation mark graphic in the background.

Prompt 14: Trust Badges & Partner Logos

Create a "Trusted By" section with a centered heading "Brands That Trust Us." Below, show a horizontal scrolling logo marquee with 8 placeholder logos (grayscale, 120px wide). The marquee should auto-scroll slowly from right to left and pause on hover. Below the marquee, add 4 trust badges in a row: "30-Day Returns" (with a return icon), "Secure Checkout" (lock icon), "Free Shipping $50+" (truck icon), "24/7 Support" (headset icon). Each badge has an icon and text. On mobile, show badges in a 2x2 grid.

Prompt 15: Review Statistics Dashboard

Design a customer reviews summary section. Show a large average rating "4.8 out of 5" with filled stars. Next to it, display a breakdown bar chart: 5 stars (72%), 4 stars (18%), 3 stars (6%), 2 stars (3%), 1 star (1%). Each bar is horizontal with a green fill proportional to percentage. Below, add "Based on 2,847 verified reviews." Include a "Write a Review" button. Style it in a clean white card with rounded corners.

FAQ & Content Sections

Help customers find answers quickly and keep them engaged with organized content sections.

Prompt 16: Animated FAQ Accordion

Create an FAQ section with the title "Frequently Asked Questions" and a subtitle "Can't find your answer? Contact our support team." Build 8 accordion items that expand/collapse with smooth animation. Each item has a question in bold and a plus/minus icon that rotates on toggle. Questions: 1) What payment methods do you accept? 2) How long does shipping take? 3) Do you offer international shipping? 4) What is your return policy? 5) Can I track my order? 6) Do you offer bulk discounts? 7) How do I contact customer support? 8) Are your products eco-friendly? Add sample answer text for each. Only one item open at a time.

Prompt 17: Timeline / How It Works

Build a vertical timeline section titled "How It Works." Show 4 steps with alternating left/right layout: Step 1 "Browse & Select" — "Explore our catalog of 500+ products and add favorites to your cart." Step 2 "Customize" — "Choose colors, sizes, and add personalization to make it yours." Step 3 "Checkout" — "Secure payment with multiple options including buy-now-pay-later." Step 4 "Enjoy" — "Free delivery within 5-7 business days with real-time tracking." Each step has a numbered circle on the timeline line, a title, description, and an image placeholder. Animate steps to fade in as user scrolls down.

Prompt 18: Tabbed Content Section

Create a tabbed content section with 4 tabs: "Features," "Specifications," "Reviews," and "Shipping." Tab "Features": show a 2-column list of 8 features with checkmark icons. Tab "Specifications": show a striped table with product specs (Material, Weight, Dimensions, Color Options, Warranty). Tab "Reviews": show 3 customer review cards with star ratings. Tab "Shipping": show shipping rates table and delivery timeline. Use a clean design with the active tab highlighted in blue. Smooth fade transition between tabs. Tabs become a dropdown on mobile.

Countdown Timers & Urgency

Create urgency with countdown timers and stock indicators that drive immediate action.

Prompt 19: Flash Sale Countdown

Create a flash sale countdown banner. Dark background with a gradient from purple to deep blue. Large headline "Flash Sale Ends In:" followed by a countdown timer showing Days, Hours, Minutes, Seconds in separate boxes with white text. Below the timer, show "Up to 60% Off Selected Items" and a yellow CTA button "Shop Flash Sale." Set the countdown to 48 hours from when the page loads. When the timer reaches zero, replace the entire section with "Sale Has Ended — Sign up for notifications on our next event."

Prompt 20: Limited Stock Indicator

Build a product urgency section. Show a progress bar that's 85% filled in red with text "Only 7 left in stock!" above it. Below, add a small section: "? 23 people are viewing this right now" with a subtle pulse animation. Then show "Free shipping if you order within:" followed by a small countdown timer (Hours:Minutes) counting down to the end of today. Style it compact so it can fit in a sidebar or product page section.

Gallery & Media

Showcase your products with interactive galleries, lightboxes, and social feeds.

Prompt 21: Masonry Image Gallery

Create a masonry-style image gallery with 8 image placeholders in varying heights (tall, medium, short). Each image should have a hover overlay showing a title and a "View" icon. Clicking an image opens a lightbox with previous/next navigation and a close button. The lightbox darkens the background. Include a filter bar at the top with category buttons: "All," "Living Room," "Bedroom," "Kitchen," "Outdoor." Clicking a category filters images with a smooth animation. On mobile, show as a 2-column grid.

Prompt 22: Instagram-Style Feed

Build an Instagram feed section titled "Follow Us @YourBrand." Show a 4x2 grid of square image placeholders. Each image has a hover overlay showing a heart icon with like count and a comment icon with count. Below the grid, add a "Follow on Instagram" button linking to instagram.com. Style the section with a clean white background and subtle border around each image. On mobile, show as a 2x4 grid. Include the Instagram gradient logo next to the section title.

Navigation & Menus

Improve your site's navigation with mega menus, sticky sidebars, and more.

Prompt 23: Mega Menu Dropdown

Create a mega menu section (for demonstration) with 4 main categories. When hovering a category, a large dropdown appears with: Left column showing subcategories as links, middle column showing featured products (image, name, price), right column showing a promotional banner image with "New Arrivals" text. Categories: "Men" (Shirts, Pants, Shoes, Accessories), "Women" (Dresses, Tops, Shoes, Jewelry), "Kids" (Boys, Girls, Baby, School), "Sale" (Clearance, Bundle Deals, Last Chance). Smooth open/close animation. Full-width dropdown. Use clean borders and a white background.

Prompt 24: Sticky Sidebar Navigation

Build a sticky sidebar navigation for a long page. Show a vertical list of section links: "Overview," "Features," "Gallery," "Specifications," "Reviews," "FAQ." The active section should be highlighted with a blue left border as the user scrolls. Clicking a link smooth-scrolls to that section. The sidebar should become a horizontal sticky bar at the top on mobile. Add a small progress indicator showing how far down the page the user has scrolled.

Banners & Promotions

Announce sales, holidays, and special offers with eye-catching banners.

Prompt 25: Multi-Currency Shipping Banner

Create an announcement bar at the top of the page with a marquee scrolling message. Messages: "Free shipping on orders over $50 (USD)" → "International shipping to 40+ countries ?" → "Now accepting EUR, GBP, AUD, and CAD" → "GDPR-compliant checkout for EU customers." Use a slim design (40px height) with a dark background and white text. Add a small close/dismiss X button on the right. The bar should stay fixed at the top when scrolling.

Prompt 26: Holiday Promo Banner (Ramadan)

Design a promotional banner for Ramadan. Use a deep purple/gold color scheme with a crescent moon and lantern decorative elements (CSS-only, no images needed). Headline: "Ramadan Kareem — Special Savings." Subtitle: "Enjoy 20% off with code RAMADAN20 — valid until April 10." Add a "Shop Now" button in gold. Include a small countdown timer until the offer expires. Support RTL text layout. Make it culturally respectful and visually elegant with geometric Islamic-pattern CSS borders.

Prompt 27: Exit Intent Section

Build a "Before You Go" section that could be placed at the bottom of any page. Show a friendly message: "Wait — here's 10% off your first order!" with an email input field and "Get My Discount" button. Below, add small trust indicators: "No spam ever," "Unsubscribe anytime," "Discount applied automatically." Use a warm, inviting design with a light yellow background and rounded corners. Add a small confetti animation that plays once when the section scrolls into view.

Industry-Specific Sections

These prompts show how AI Widgets adapts to any industry — restaurants, real estate, fitness, and more.

Prompt 28: Restaurant Menu Section

Create a restaurant-style menu section with tabs for "Appetizers," "Main Course," "Desserts," and "Drinks." Each tab shows a list of items with: item name, short description, price (right-aligned), and a "dietary" badge (V for vegetarian, GF for gluten-free, S for spicy). Add a section header with the restaurant name and a decorative divider. Use an elegant serif font for item names and a warm cream/brown color scheme. On mobile, tabs become a horizontal scroll bar.

Prompt 29: Real Estate Property Cards

Build a property listing grid with 3 cards per row. Each card shows: a large image placeholder (4:3 ratio), a "For Sale" or "For Rent" badge in the top-left corner, price in bold below the image, property address, and a row of specs: "3 Beds | 2 Baths | 1,450 sqft." Add a heart/favorite icon in the top-right corner. Below specs, show an agent name and "Schedule Viewing" button. Cards should have a subtle shadow and lift on hover. On mobile, show one card per row.

Prompt 30: Fitness Class Schedule

Create a weekly class schedule displayed as a responsive table/grid. Columns for each day (Mon-Sun), rows for time slots (6am, 9am, 12pm, 5pm, 7pm). Populate with class names: "Yoga," "HIIT," "Spin," "Boxing," "Pilates," "Strength." Each class has a color-coded background (yoga=green, HIIT=red, spin=blue, boxing=orange, pilates=purple, strength=gray). Clicking a class shows a tooltip with: class description, instructor name, duration, and "Book Now" link. On mobile, show as a list grouped by day.

Tips for Writing Better Prompts

Getting great results from AI Widgets comes down to how you write your prompts. Here are some tips that make a real difference:

Be Specific About Layout — Instead of "create a section with some products," specify the grid structure, number of columns, and how it should respond on mobile. The more detail you give, the closer the first result will be to what you want.

Describe Interactions — Don't forget to mention hover effects, click behaviors, animations, and transitions. The AI can build interactive elements — but only if you ask for them.

Include Real Content — Using actual text, numbers, and product names in your prompts produces better results than placeholder text. The AI adapts the layout to fit your real content.

Specify Colors and Fonts — If you have brand guidelines, mention your hex colors, font families, and spacing preferences. For example: "Use our brand blue #2563EB for buttons and Inter font for all text."

Iterate in the Chat — Your first prompt gets you 80% there. Use follow-up messages to refine:

• "Make the buttons larger and add more padding"
• "Change the background to a subtle gradient"
• "Add a fade-in animation when scrolling into view"
• "Make it RTL-compatible for Arabic customers"

Think About Mobile First — Always mention how the section should behave on mobile. Common patterns: stack columns vertically, hide non-essential elements, make buttons full-width, convert tables to cards.

Real-World Case Studies

Case Study 1: Pet Supply Store — Custom Category Page

The challenge: A pet supply store needed unique landing pages for each pet category but couldn't afford $500+ per page for custom development.

The prompts they used:

Create a category hero for "Dog Supplies" with a playful design. Show a large image area on the left, with the heading "Everything Your Best Friend Needs" on the right. Add 4 quick-link buttons: "Food & Treats," "Toys," "Health," "Grooming." Use warm orange and brown tones.

Build a "Shop by Dog Size" section with 3 cards: Small Dogs (under 20 lbs), Medium Dogs (20-60 lbs), Large Dogs (60+ lbs). Each card has a dog silhouette icon, the size label, and "Shop Now" button. Cards use different shades of the same warm orange.

Result: 6 category pages created in one afternoon. Zero development cost.

Case Study 2: B2B Electronics Distributor — Wholesale Portal

The challenge: A B2B electronics distributor needed a professional wholesale inquiry system but their BigCommerce theme only had a basic contact form.

The prompt they used:

Create a professional wholesale account application form. Fields: Company Name, Tax ID / EIN Number, Business Type (dropdown: Retailer, Reseller, System Integrator, Government, Education), Years in Business, Annual Revenue Range, Primary Contact Name, Email, Phone, Shipping Address (Street, City, State, ZIP, Country), Product Categories of Interest (checkboxes: Networking, Storage, Peripherals, Components, Software), Estimated Monthly Order Volume, Current Distributor (optional), How Did You Hear About Us (dropdown). Include terms agreement checkbox and "Apply for Wholesale Account" button. Use a corporate blue color scheme with a clean, trustworthy design.

Result: Wholesale inquiries increased 3x because the form captured exactly the information the sales team needed — no back-and-forth emails.

Case Study 3: Fashion Boutique — Seasonal Campaign

The challenge: A fashion boutique wanted to create a Ramadan collection landing page that resonated with their Middle Eastern customers.

The prompt they used:

Design a Ramadan fashion collection landing page section. Use elegant purple and gold colors with subtle Islamic geometric patterns as CSS borders. Include RTL text support. Hero area with "Ramadan Collection 2026" headline, a "Modest Fashion for Every Occasion" subheading, and "Shop Collection" button. Below, show a 4-column product grid with image, product name, price in both USD and AED. Add a "Free Gift Wrapping" banner. Make the design culturally respectful and luxurious.

Result: A culturally authentic landing page that their team couldn't have built without hiring a specialized designer. Created in 20 minutes.

Cost Comparison: AI Widgets vs. Traditional Development

With AI Widgets' pay-as-you-go model, you choose your AI tier:

• Mini ($24/1M tokens) — Fast, great for simple sections
• Standard ($66/1M tokens) — Balanced quality and speed (recommended)
• Max ($108/1M tokens) — Most powerful for complex layouts

Every BigCommerce store owner gets free $5 credits to start — enough for dozens of sections.

Get Started Today

Ready to build your first section? Here's what to do:

1. Install PapaThemes AI Widgets (free)
2. Open any page in BigCommerce Page Builder
3. Drag the AI HTML Widget onto your page
4. Copy any prompt from this post and paste it in the chat
5. Preview, refine, and publish

Your free $5 credits are waiting. No developer needed. No coding required. Just describe what you want, and watch it appear.

Try AI Widgets Free →

Have a creative prompt that worked well for your store? Share it with us on Facebook or X — we'd love to feature it in our next roundup.

Frequently Asked Questions

What is PapaThemes AI Widgets?

AI Widgets is a BigCommerce Page Builder app that turns plain English prompts into fully functional page sections — hero banners, forms, galleries, pricing tables, and more — without writing code.

How much does AI Widgets cost per section?

AI Widgets costs $0.01–$0.10 per section with pay-as-you-go pricing. Choose from Mini ($24/1M tokens), Standard ($66/1M tokens), or Max ($108/1M tokens) tiers. Every store gets free $5 credits to start.

Do I need coding skills to use AI Widgets?

No. You just describe what you want in plain English. The AI generates clean HTML, CSS, and JavaScript that's automatically scoped to avoid conflicts with your theme.

How long does it take to create a page section?

Most sections take 3–15 minutes from prompt to published. Compare this to 2–5 days with a developer or 4–8 hours of DIY coding.

Can I customize the AI-generated sections?

Yes. You can iterate in the chat with follow-up messages like "Make the buttons larger" or "Change the background to a gradient." Revisions are unlimited.

Does AI Widgets work with all BigCommerce themes?

Yes. AI Widgets works with any BigCommerce theme through Page Builder. The generated code is scoped to avoid style conflicts.

Does AI Widgets support mobile-responsive designs?

Yes. All generated sections are mobile-responsive by default. You can also specify mobile behavior in your prompts, like stacking columns vertically or making buttons full-width.

How do I create a spring sale hero banner on BigCommerce?

Use this AI prompt: "Create a full-width hero banner for a spring sale. Use a soft green-to-white gradient background. Add a large headline 'Spring Into Savings' with a subheading and a bright green CTA button 'Shop the Sale.' Make it mobile-responsive with the text stacking vertically on small screens."

How do I create a video background hero section on BigCommerce?

Use this AI prompt: "Build a hero section with a background video placeholder (16:9 aspect ratio, dark overlay at 60% opacity). Overlay a centered white headline with a thin serif font, a tagline, and a white-outlined CTA button. On mobile, replace the video with a static dark background."

How do I create a split hero with image on BigCommerce?

Use this AI prompt: "Create a two-column hero section. Left column: headline, description paragraph, and two buttons side by side (filled and outlined). Right column: a large product image placeholder with rounded corners and a subtle shadow. Stack columns vertically on mobile with the image on top."

How do I create animated stats counters on BigCommerce?

Use this AI prompt: "Design a hero section with a dark navy background. Center a headline and show 4 animated counters in a row (e.g., 10,000+ Happy Customers, 44+ Premium Themes, 99.9% Uptime, 24/7 Support). Each counter animates from 0 to the final number when it scrolls into view. Add a CTA button below."

How do I create a product feature grid on BigCommerce?

Use this AI prompt: "Create a 3-column feature grid showcasing product benefits. Each card has an icon placeholder, a bold title, and 2 lines of description text. Add a subtle hover effect that lifts each card with a shadow. On mobile, stack to single column."

How do I create a before/after image comparison slider on BigCommerce?

Use this AI prompt: "Build an interactive before/after image comparison slider. Show two images side by side with a draggable divider in the middle. The divider should have a circular handle with left/right arrows. Include a title and subtitle above. Make it touch-friendly for mobile users."

How do I create a product comparison table on BigCommerce?

Use this AI prompt: "Create a product comparison table with 3 plan columns. Include rows for price, storage, users, support, and features. Highlight the middle column as 'Most Popular' with a badge. Add 'Choose Plan' buttons at the bottom. Make it horizontally scrollable on mobile."

How do I create a category showcase with hover effects on BigCommerce?

Use this AI prompt: "Design a 2x3 grid of category cards. Each card shows a large background image with a dark gradient overlay and the category name in white bold text. On hover, scale the image slightly and increase overlay brightness. Each card links to its category page."

How do I create a wholesale inquiry form on BigCommerce?

Use this AI prompt: "Build a professional wholesale inquiry form with fields for Company Name, Contact Person, Email, Phone, Business Type dropdown, Estimated Monthly Order Volume, Product Categories checkboxes, and a Message textarea. Include a submit button and a response time note. Style it clean and professional."

How do I create a multi-step contact form on BigCommerce?

Use this AI prompt: "Create a multi-step contact form with a progress bar showing 3 steps. Step 1: personal info. Step 2: project details with dropdowns for type, budget, and timeline. Step 3: description textarea and file upload. Add smooth slide transitions between steps."

How do I create a newsletter signup section on BigCommerce?

Use this AI prompt: "Design a newsletter signup section with a split layout. Left side: large discount text and subscriber count. Right side: email input field with a subscribe button. Add a 'no spam' note below. Use a warm coral/peach background color. Make it full-width and mobile-responsive."

How do I create a B2B product inquiry form on BigCommerce?

Use this AI prompt: "Create a B2B product inquiry form with fields for company info, product SKU, quantity, customization requirements textarea, preferred delivery date, and shipping country dropdown. Include a terms agreement checkbox and submit button. Use a corporate blue color scheme."

How do I create a testimonial carousel on BigCommerce?

Use this AI prompt: "Build a testimonial carousel that shows one review at a time. Each testimonial includes a customer photo, name, role, star rating, and quote text. Add left/right navigation arrows and dot indicators. Auto-rotate every 5 seconds with a smooth fade transition. Pause on hover."

How do I create trust badges and partner logos on BigCommerce?

Use this AI prompt: "Create a 'Trusted By' section with a centered heading and a horizontal scrolling logo marquee with placeholder logos in grayscale. Below, add 4 trust badges: 30-Day Returns, Secure Checkout, Free Shipping, and 24/7 Support with icons. On mobile, show badges in a 2x2 grid."

How do I create a review statistics dashboard on BigCommerce?

Use this AI prompt: "Design a customer reviews summary section with a large average rating and filled stars. Display a breakdown bar chart showing percentage for each star level. Add the total review count and a 'Write a Review' button. Style it in a clean white card with rounded corners."

How do I create an FAQ accordion on BigCommerce?

Use this AI prompt: "Create an FAQ section with accordion items that expand/collapse with smooth animation. Each item has a question in bold and a plus/minus icon that rotates on toggle. Only one item should be open at a time. Include a subtitle linking to the support team."

How do I create a timeline / how it works section on BigCommerce?

Use this AI prompt: "Build a vertical timeline section with alternating left/right layout. Each step has a numbered circle on the timeline line, a title, description, and an image placeholder. Animate steps to fade in as the user scrolls down."

How do I create a tabbed content section on BigCommerce?

Use this AI prompt: "Create a tabbed content section with tabs for Features, Specifications, Reviews, and Shipping. Each tab shows different content (feature list, specs table, review cards, shipping rates). Use smooth fade transitions between tabs. Tabs become a dropdown on mobile."

How do I create a flash sale countdown timer on BigCommerce?

Use this AI prompt: "Create a flash sale countdown banner with a dark gradient background. Show a large headline followed by a countdown timer with Days, Hours, Minutes, Seconds in separate boxes. Add a CTA button. When the timer reaches zero, replace the section with a 'Sale Has Ended' message."

How do I create a limited stock indicator on BigCommerce?

Use this AI prompt: "Build a product urgency section with a progress bar showing stock level, a 'people viewing' indicator with pulse animation, and a small countdown timer to end of day for free shipping. Style it compact for a sidebar or product page."

How do I create a masonry image gallery on BigCommerce?

Use this AI prompt: "Create a masonry-style image gallery with varying heights. Each image has a hover overlay showing a title and view icon. Clicking opens a lightbox with navigation. Include a filter bar with category buttons that filter images with smooth animation. On mobile, show as a 2-column grid."

How do I create an Instagram-style feed on BigCommerce?

Use this AI prompt: "Build an Instagram feed section with a 4x2 grid of square images. Each image has a hover overlay showing a heart icon with like count and comment count. Add a 'Follow on Instagram' button below. On mobile, show as a 2x4 grid."

How do I create a mega menu on BigCommerce?

Use this AI prompt: "Create a mega menu with 4 main categories. Each dropdown shows subcategories as links, featured products with images and prices, and a promotional banner. Use smooth open/close animation and a full-width dropdown with clean borders."

How do I create a sticky sidebar navigation on BigCommerce?

Use this AI prompt: "Build a sticky sidebar navigation for a long page with section links. The active section highlights with a blue left border as the user scrolls. Clicking a link smooth-scrolls to that section. On mobile, it becomes a horizontal sticky bar at the top."

How do I create a multi-currency shipping banner on BigCommerce?

Use this AI prompt: "Create an announcement bar with a marquee scrolling message about free shipping, international shipping, accepted currencies, and GDPR-compliant checkout. Use a slim 40px height dark bar with white text. Add a dismiss button. Fixed at the top when scrolling."

How do I create a Ramadan promotional banner on BigCommerce?

Use this AI prompt: "Design a promotional banner for Ramadan with a deep purple/gold color scheme, crescent moon and lantern decorative elements in CSS-only. Include a headline, discount code, countdown timer, RTL text support, and Islamic-pattern CSS borders. Make it culturally respectful."

How do I create an exit intent section on BigCommerce?

Use this AI prompt: "Build a 'Before You Go' section with a discount offer, email input, and subscribe button. Add trust indicators like 'No spam ever' and 'Unsubscribe anytime.' Use a warm light yellow background with rounded corners. Add a confetti animation that plays once when scrolling into view."

How do I create a restaurant menu section on BigCommerce?

Use this AI prompt: "Create a restaurant-style menu section with tabs for Appetizers, Main Course, Desserts, and Drinks. Each item shows name, description, right-aligned price, and dietary badges (V, GF, S). Use an elegant serif font and warm cream/brown colors. On mobile, tabs become a horizontal scroll bar."

How do I create real estate property cards on BigCommerce?

Use this AI prompt: "Build a property listing grid with 3 cards per row. Each card shows an image, a For Sale/Rent badge, price, address, and specs (beds, baths, sqft). Add a favorite icon and a 'Schedule Viewing' button. Cards lift with shadow on hover. On mobile, show one card per row."

How do I create a fitness class schedule on BigCommerce?

Use this AI prompt: "Create a weekly class schedule grid with columns for each day and rows for time slots. Populate with color-coded classes (yoga=green, HIIT=red, spin=blue, etc.). Clicking a class shows a tooltip with description, instructor, duration, and 'Book Now' link. On mobile, show as a list grouped by day."

Launch Event — Free Credits Inside

Claim $5 Free AI Credits — Build Your First Page Section in 5 Minutes

337+ free templates. AI that writes code for you. Zero monthly fees. No credit card needed.

Today we are officially launching the biggest update to PapaThemes AI Widgets — and to celebrate, every BigCommerce store owner gets $5 in free AI credits just for installing the app. No credit card. No subscription. No catch.

Why are we doing this? Because we want you to experience what AI-powered page building actually feels like. Not a demo. Not a screenshot. We want you to open your own store, type a sentence like "Build me a hero banner with a spring sale countdown," and watch the AI generate production-ready code in seconds.

$5 in credits is enough to build 15 to 20 complete page sections. That means you can redesign your entire homepage, add FAQ sections, build contact forms, and create promotional banners — all before spending a single dollar.

This is not a trial that expires in 14 days. Your credits stay in your account until you use them. And if you love it, top-ups start at just $5.

What Is PapaThemes AI Widgets?

PapaThemes AI Widgets is a free BigCommerce app that adds AI-powered content creation directly into your Page Builder. Instead of hiring a developer or learning HTML, you simply describe what you want in plain English, and the AI generates production-ready code that you can drop into any page.

Here is how it works:

1. Install the free app from the BigCommerce Marketplace
2. Open Page Builder on any page of your store
3. Add an AI Widget and describe what you need (for example, "Create a hero banner with a 20% off countdown timer for spring sale")
4. The AI writes the code — HTML, CSS, and JavaScript — in real time
5. Preview, tweak, and publish directly from Page Builder

The app is completely free to install. You only pay for AI usage when you actively generate code, and with the new $5 credit offer, you can try it at zero cost.

What Is New in This Release?

This is one of the biggest updates since AI Widgets launched. Here is what changed:

337+ Pre-Made Templates — All Free

The template library has expanded massively. Every template is conversion-optimized and ready to use out of the box:

• Hero Banners — Full-width banners with countdown timers, video backgrounds, and parallax scrolling
• Product Feature Grids — Showcase product benefits with icons, images, and hover effects
• Testimonial Carousels — Display customer reviews with star ratings and social proof
• FAQ Sections — Collapsible accordions with schema markup for better SEO
• Newsletter Signups — Customizable email capture forms with validation
• Promotional Sections — Flash sale counters, bundle offers, loyalty program highlights
• Content Blocks — Blog-style content, team member bios, about-us sections

You can use any template as-is, or ask the AI to customize it further — change colors, layout, copy, and functionality with a simple text prompt.

AI Form Builder — Just Added

The AI generates clean, structured code in real time. Here is the final output — a professionally styled FAQ accordion:

Building forms on BigCommerce has always required custom development or third-party apps. The new AI Form Builder changes that entirely. Just tell the AI what fields you need:

• Contact forms with email validation
• Quote request forms for B2B stores
• Product inquiry forms with file upload
• Event registration with date pickers
• Survey forms with multiple choice, ratings, and open text

Every form includes automatic spam protection, client-side validation, and WCAG accessibility compliance — all generated by the AI without any manual configuration.

Three AI Model Tiers

Choose the model that fits your budget and quality needs:

For context, $5 in credits gives you roughly 200,000 tokens on the Mini model — enough to generate 15 to 20 complete page sections.

Why This Matters for Your Store

BigCommerce merchants have historically faced a difficult choice: pay a developer $50 to $150 per hour for custom sections, or settle for the limited options in Page Builder's default widgets.

PapaThemes AI Widgets eliminates that trade-off. Here is what real users are doing with it:

Fashion and Apparel Stores

• Seasonal landing pages with video backgrounds and lookbook galleries
• Size guide widgets with interactive measurement tools
• Instagram-style product showcases

B2B and Industrial Stores

• Product part diagrams with interactive hotspots
• Bulk order forms with quantity pricing tiers
• Technical specification comparison tables

Multi-Storefront Operations

• Consistent branding across storefronts with reusable templates
• Localized content sections with multi-currency support
• Region-specific promotions and compliance notices (GDPR, RTL layouts)

No Monthly Subscription

Unlike competitors like Shogun ($39 to $149 per month) or similar page builder subscriptions, PapaThemes AI Widgets has zero monthly fees. You install the app for free, use the 337+ templates for free, and only pay for AI generation when you need it. The pay-as-you-go model means you never pay for features you do not use.

How to Claim Your Free $5 Credits (Takes 5 Minutes)

Here is exactly how to get started — most store owners go from zero to their first custom section in under 5 minutes:

1. Visit the PapaThemes AI Widgets page or search "PapaThemes Widgets" on the BigCommerce Marketplace
2. Click "Install" — completely free, no credit card asked
3. $5 credits are added to your account instantly — ready to use right away
4. Open Page Builder on any page, drag in an AI Widget, and type what you want
5. Watch the AI build it — preview, tweak, publish. That's it.

Your credits never expire. There is no trial countdown. No "upgrade to continue" popup after 14 days. You use them when you are ready.

Already have the app installed? Your $5 credits are waiting in your account right now. Just open Page Builder and start building.

Getting the Most Out of Your Free Credits

Here are some high-impact sections you can build with your $5 credits:

Quick Wins (1 to 2 credits each)

• Update your homepage hero banner with a seasonal promotion
• Add an FAQ section with schema markup for better Google rankings
• Create a "Why Choose Us" section with icons and benefit descriptions

Medium Projects (3 to 5 credits each)

• Build a complete product comparison table
• Design a testimonial carousel pulling from your best reviews
• Create a custom contact form with validation and spam protection

Advanced Projects (5 to 10 credits each)

• Generate a full landing page with multiple sections
• Build an interactive product configurator
• Create animated promotional banners with countdown timers

Pro tip: Start with a template from the library and ask the AI to customize it. This uses fewer tokens than generating from scratch, and you get a proven layout as your starting point.

What Makes PapaThemes AI Widgets Different

The combination of free installation, a massive template library, and pay-as-you-go AI generation makes PapaThemes AI Widgets the most accessible page builder for BigCommerce merchants at any scale.

Built for Global Merchants

PapaThemes AI Widgets supports merchants across all major markets:

• North America and Europe — GDPR-compliant forms, multi-currency pricing displays, VAT-ready templates
• Australia and New Zealand — Templates optimized for local payment methods and seasonal calendars
• Western Asia (UAE, Saudi Arabia, Turkey) — RTL layout support, Arabic-friendly typography, regional promotion templates

The AI understands these requirements. Ask it to "create a contact form with GDPR consent checkbox" or "build a hero banner with RTL text support," and it generates the appropriate code automatically.

Frequently Asked Questions

Getting Started & Free Credits

Is PapaThemes AI Widgets really free to install?

Yes. The app itself is 100% free to install from the BigCommerce Marketplace. All 337+ pre-made templates are included at no cost. You only pay for AI code generation when you actively use it, and every new account gets $5 in free credits automatically — no credit card required.

How do I get the $5 free AI credits?

Install PapaThemes AI Widgets from the BigCommerce Marketplace or from papathemes.com. The $5 credits are added to your account instantly after installation. No promo code needed, no credit card required, and the credits never expire.

Do I need coding experience to use AI Widgets?

No coding experience is needed. You describe what you want in plain English — for example, "Create a hero banner with a spring sale countdown" — and the AI generates production-ready HTML, CSS, and JavaScript automatically. You can also start from any of the 337+ pre-made templates and customize them with text prompts.

What can I build with $5 in AI credits?

$5 in credits is enough to generate approximately 15 to 20 complete page sections, including:

• Hero banners with countdown timers
• FAQ accordions with schema markup
• Testimonial and review carousels
• Contact forms with validation
• Product comparison tables
• Promotional countdown timers
• Newsletter signup forms

That is enough to redesign your entire homepage without spending any additional money.

Features & Capabilities

How does the AI Form Builder work?

Tell the AI what kind of form you need — such as "Create a contact form with name, email, phone, and message fields" — and it generates a fully functional form with client-side validation, spam protection, and WCAG accessibility compliance. Supported form types include:

• Contact forms with email validation
• Quote request forms for B2B stores
• Product inquiry forms with file upload
• Event registration with date pickers
• Survey forms with multiple choice and ratings

What is the difference between using a template and generating with AI?

Templates are pre-built, ready-to-use page sections that cost zero credits. You can drop them into your page and customize the text, images, and colors manually.

AI generation uses your credits to create completely custom sections based on your text description, or to customize existing templates with natural language instructions. Most users start with a template and then use AI to customize it — this uses fewer credits than generating from scratch.

Can the AI generate responsive and mobile-friendly designs?

Yes. All AI-generated code and pre-made templates are fully responsive and mobile-friendly by default. The AI generates designs that adapt to desktop, tablet, and mobile screen sizes automatically. You do not need to specify responsive behavior — it is built in.

Can I edit AI-generated code manually?

Yes. All generated code is standard HTML, CSS, and JavaScript that you can view and edit directly in the widget editor. You can also ask the AI to make changes by describing what you want to modify, and it will update the code accordingly.

Is there a limit on how many widgets I can add to a page?

No. You can add as many AI Widgets as you need to any page. There is no per-page or per-store limit. Each widget operates independently with its own scoped CSS and JavaScript, so they will not interfere with each other.

Pricing & Plans

What AI models are available and how much do they cost?

PapaThemes AI Widgets offers three AI model tiers:

You can switch between models at any time based on your needs.

What happens after I use all my $5 free credits?

All templates and previously generated widgets continue to work for free forever. If you want to generate new AI content, you can top up credits starting at $5. There is no monthly subscription, no recurring charge, and no minimum spend. You pay only when you need more AI generations.

How is PapaThemes AI Widgets different from Shogun or other BigCommerce page builders?

Competitor Comparisons

PapaThemes AI Widgets vs Shogun — which is better for BigCommerce?

Shogun is a popular drag-and-drop page builder, but it was designed for Shopify first and ported to BigCommerce. PapaThemes AI Widgets is built specifically for BigCommerce Page Builder.

Bottom line: If you want AI-powered code generation, zero monthly fees, and native BigCommerce integration, PapaThemes AI Widgets is the clear choice. Shogun makes sense if you prefer a traditional drag-and-drop editor and are willing to pay $39+/month.

PapaThemes AI Widgets vs Tapita — which should I choose?

Tapita is another BigCommerce page builder with a free tier. Here is how it compares:

Bottom line: Tapita's free tier is limited and their Pro plans add monthly costs. PapaThemes AI Widgets gives you more templates, AI generation, and full code control with zero monthly fees.

PapaThemes AI Widgets vs BigCommerce native Page Builder — do I need both?

BigCommerce Page Builder is a built-in drag-and-drop editor included with every store. PapaThemes AI Widgets works inside Page Builder as a widget — it does not replace it.

Think of it this way: Page Builder lets you arrange pre-built widgets on a page. AI Widgets adds a new type of widget that can generate any custom content you describe. You get:

• Everything Page Builder already offers (text, images, buttons, banners)
• Plus 337+ pre-made templates you can drop in instantly
• Plus AI-powered custom section generation from plain English prompts
• Plus an AI Form Builder for contact forms, surveys, and more

You do not have to choose between them — they work together.

Can PapaThemes AI Widgets replace hiring a developer?

For most page-level content work, yes. Here is a cost comparison:

AI Widgets handles page content, forms, and visual sections. For complex custom integrations (payment gateways, third-party APIs, custom checkout), you still need a developer.

How does PapaThemes AI Widgets compare to PageFly or GemPages?

PageFly and GemPages are Shopify-only page builders — they do not work on BigCommerce at all. If you are on BigCommerce, PapaThemes AI Widgets is your best option for AI-powered page building with:

• Zero monthly fees (PageFly charges $24–$99/mo, GemPages charges $29–$199/mo)
• Native BigCommerce Page Builder integration
• 337+ free templates designed specifically for BigCommerce stores
• AI code generation that neither PageFly nor GemPages offer

If you are migrating from Shopify to BigCommerce, PapaThemes AI Widgets replaces PageFly or GemPages at a fraction of the cost.

Is there a page builder comparison chart for all BigCommerce options?

Technical & Compatibility

Does PapaThemes AI Widgets work with any BigCommerce theme?

Yes. The app is fully compatible with all BigCommerce Stencil themes, including Cornerstone, all PapaThemes themes (Starter, Starter Next, Starter Next B2B, and all premium themes), and any third-party Stencil theme from the BigCommerce Marketplace.

Will AI-generated code slow down my BigCommerce store?

No. PapaThemes AI Widgets generates clean, lightweight code with automatic CSS and JavaScript scoping. Each widget's code is isolated so it cannot conflict with your existing theme styles, scripts, or other widgets. The generated code follows web performance best practices and does not add unnecessary dependencies.

Does PapaThemes AI Widgets affect my store's SEO?

PapaThemes AI Widgets can actually improve your SEO. The AI generates semantic HTML with proper heading hierarchy, alt text for images, and schema markup when requested. FAQ sections include FAQ schema markup that helps your pages appear in Google's rich results. All generated code is clean and crawlable by search engines.

Can I use AI Widgets on multiple BigCommerce storefronts?

Yes. If you operate multiple storefronts under the same BigCommerce account, AI Widgets works across all of them. Your credit balance is shared across storefronts, and you can reuse templates and generated widgets on any storefront.

Global Markets & Compliance

Does PapaThemes AI Widgets support GDPR compliance?

Yes. You can ask the AI to generate GDPR-compliant elements such as cookie consent banners, privacy policy sections, and contact forms with consent checkboxes. The AI understands GDPR requirements and generates the appropriate markup and functionality automatically.

Does AI Widgets support RTL (right-to-left) languages?

Yes. PapaThemes AI Widgets supports RTL layout for Arabic, Hebrew, and other right-to-left languages. You can ask the AI to generate RTL-compatible sections, and the app includes templates designed for Middle Eastern and Western Asian markets including UAE, Saudi Arabia, Turkey, and Israel.

Support

How do I get support if I need help?

PapaThemes offers multiple support channels:

• Documentation: bc-widgets-docs.papathemes.com
• Email support: Available from the app's admin panel
• AI troubleshooting: Describe what went wrong to the AI, and it can often fix the issue in a new generation

BigCommerce App

Collect Photo Reviews That Drive 2x More Sales

Multi-criteria ratings, customer photos, verified badges — set up in 10 minutes

Introduction: Why Photo Reviews Matter for Your Store

Customer reviews are powerful social proof that drives conversions. But standard text-only reviews? They're just the beginning. When customers can attach photos and videos to their reviews, you unlock a level of authenticity that transforms browsers into buyers.

In fact, product reviews with images generate 2x more sales than text-only reviews. Customers want to see real products used in real conditions—not just polished marketing shots. When someone sees a photo of another customer wearing that jacket or unpacking that gadget, they're more confident in their purchase decision.

If you've read our previous case study on How Photo Reviews Drive 2x More Sales on BigCommerce, you understand the "why." Today, we'll cover the "how."

The Product Review Images app by PapaThemes makes collecting and displaying customer photos incredibly simple. Even better? You can set it up in about 10 minutes. No coding required. No complex configurations. Just straightforward steps that any store owner can follow.

In this tutorial, we'll walk through every step: installation, configuration, customization, and best practices for encouraging review submissions. By the end, your customers will be sharing photos, and your conversion rates will thank you.

Step 1: Install Product Review Images on Your BigCommerce Store

Getting started is effortless.

First, locate the app on PapaThemes:

1. Visit papathemes.com/bigcommerce-product-review-images-app/
2. Click the "Install App" button
3. You'll be redirected to BigCommerce's App Marketplace
4. Click "Install" and authorize PapaThemes to access your store

The app integrates directly with BigCommerce's native review system. It doesn't replace or conflict with existing reviews—it enhances them by allowing customers to upload images alongside their text feedback.

What happens during installation:

• The app adds a photo upload section to your review form
• A new "Review Criteria" management panel appears in your BigCommerce control panel
• The review display on your product pages automatically includes customer images
• All data syncs with your existing BigCommerce review system

Installation takes less than 2 minutes. Once installed, you'll see the app listed under Apps & Features in your BigCommerce dashboard.

Compatibility note: Product Review Images works with all BigCommerce themes and page builders. Whether you're using Stencil, Catalyst, or a third-party theme, the app adapts seamlessly to your store's design.

Once installed, your product pages will display a comprehensive review summary with multi-criteria star ratings:

Step 2: Configure Review Criteria in Your Admin Panel

This is where you customize what customers rate and review.

Navigate to the Manage Review Criteria panel:

1. Log in to your BigCommerce admin dashboard
2. Go to Apps & Features → Product Review Images
3. Click "Manage Review Criteria"

You'll see a list of pre-configured criteria. Each criterion has two toggles: Enabled and Required.

Default criteria available:

• Product Quality - How well-made the product is
• Value for Money - Whether the price is worth it
• Durability - How long the product lasts
• Design/Appearance - How it looks
• Ease of Use - How simple it is to use
• Shipping Speed - How fast the delivery was
• Packaging - Quality of the packaging
• As Described - Whether it matches the product description
• Would Recommend - Yes/No toggle
• Would Buy Again - Yes/No toggle

How to configure:

For each criterion:

• Toggle "Enabled" to show or hide it in the review form
• Toggle "Required" to make it mandatory or optional

We recommend enabling 4-6 criteria that matter most to your products. Too many options overwhelm reviewers and reduce submission rates. Too few miss valuable insights.

Example configurations by product type:

For apparel: Enable Quality, Design/Appearance, Value for Money, Fit (custom criterion if available), Would Recommend, Durability

For electronics: Enable Quality, Ease of Use, Durability, Value for Money, As Described, Would Buy Again

For home goods: Enable Quality, Design/Appearance, Durability, Value for Money, Packaging, Would Recommend

The key is enabling criteria your customers care about. Use your analytics and customer feedback to guide your choices.

Save your configuration, and the criteria immediately appear on your product pages' review forms.

Step 3: Customize the Review Form

Once criteria are enabled, you'll see them in the "Write a Review" modal on your product pages.

The review form includes:

1. Rating dropdown - Overall star rating (1-5 stars)
2. Rate by Criteria section - Individual star ratings for each enabled criterion
3. Would Recommend / Would Buy Again - Toggle buttons (if enabled)
4. Reviewer name - Text field (pre-filled if customer is logged in)
5. Email address - Text field for verification
6. Review title/subject - One-line summary
7. Review comments - Full review text area
8. Photo upload - Drag-and-drop file upload area
9. reCAPTCHA - Spam protection
10. Submit button - Finalize and post review

Customization options:

The app respects your BigCommerce theme's styling. The form automatically inherits your store's colors, fonts, and layout. No additional CSS tweaking required.

Photo upload specifications:

• Accepted formats: JPG, PNG, WebP, GIF
• Max file size: 10 MB per image
• Max images per review: 10 images
• Recommended resolution: 1080x1080 px (displays well on desktop and mobile)

Best practice tips:

• Keep the form visible and intuitive on mobile devices (the app is fully responsive)
• Display a small hint: "Share a photo to help other shoppers decide"
• Consider offering a small incentive: "Upload a photo and your review featured" (if using an incentive system)

The form automatically validates email addresses and enforces reCAPTCHA to prevent spam.

Here's what the review form looks like on your product page, with multi-criteria star ratings and photo upload:

Step 4: Set Up Moderation and Build Trust Signals

Reviews with photos need moderation to protect your brand. The Product Review Images app integrates with BigCommerce's review moderation system.

Review moderation workflow:

1. New photo reviews are flagged as "pending" in your BigCommerce admin
2. You review the content (text and images) to ensure they're appropriate
3. Approve, edit, or reject the review
4. Approved reviews display immediately on your product pages with all associated photos

Moderating photo reviews:

1. Go to Products → Reviews in your BigCommerce admin
2. Filter by Pending status
3. Click each review to view the text, criteria ratings, and customer photos
4. Click Approve (or Reject) to finalize

Building trust signals:

Display these badges to increase review credibility:

• Verified Purchase badge - Shows next to reviews from buyers. Automatically applied by BigCommerce based on order history.
• Reviewer name and date - Display who wrote the review and when
• Criteria breakdown - Show individual ratings across different dimensions (makes reviews feel more substantive)
• Photo count - Display how many images each reviewer uploaded

Managing inappropriate content:

• Reject obviously spam or offensive reviews before they go live
• Edit reviews cautiously - only if there are typos or minor issues (best to reject and ask the reviewer to resubmit)
• Set review quality standards - require a minimum character count (e.g., 10+ characters) to prevent "Great product!" spam

BigCommerce's native moderation dashboard handles this, and the Product Review Images app enhances visibility by showing photos in the preview.

Here's an example of an approved review with a Verified Purchase badge, multi-criteria ratings, and customer photos:

Step 5: Start Collecting Reviews and Drive Submissions

Installation and configuration are done. Now, how do you get customers to actually submit reviews with photos?

Post-purchase email strategy:

1. Send review request emails 7-14 days after purchase (timing matters—customers need to use the product first)
2. Include a direct link to the product's review page (not the homepage)
3. Highlight the photo upload feature: "Share a photo of your purchase! It helps other shoppers and gets your review featured"
4. Make it easy on mobile - ensure the review form is touch-friendly

In-store incentives (if you use them):

• "Upload a photo review and get 10% off your next purchase"
• "Best photo review of the month wins [prize&91;"
• "Verified photo reviews appear at the top"

On-product-page prompts:

• Add a CTA near the reviews section: "Share Your Photos"
• Display a count: "See 47 customer photos"
• Show a carousel of recent photo reviews (social proof)

Best practices for maximizing submissions:

1. Lead with photos - Show a few excellent photo reviews prominently (they convert better than text)
2. Make it obvious - The upload button should be clearly visible in the review form
3. Reduce friction - Don't require complex account creation; allow guest reviews
4. Respond to reviews - Reply to detailed photo reviews, especially positive ones. This signals that you read and value feedback, encouraging more submissions
5. Feature top reviewers - Highlight the best photo reviews with a "Featured Review" badge

Tracking review submissions:

In your BigCommerce dashboard, monitor:

• Total review count (growing indicator of engagement)
• Average rating (watch for drops that signal product issues)
• Photo submission rate (percentage of reviews with images)
• Conversion impact (compare sales for products with high photo reviews vs. low)

Over time, you'll build a library of authentic, customer-generated content that drives trust and sales.

The Customer Images gallery gives shoppers a visual overview of real product photos submitted by your customers:

Frequently Asked Questions

How long does it take to set up Product Review Images on BigCommerce?

The complete setup takes approximately 10 minutes: 2 minutes for installation, 2 minutes for configuration, 2 minutes for customization, 2 minutes for moderation setup, and 2 minutes for strategy planning.

What photo formats does the Product Review Images app support?

The app supports JPG, PNG, WebP, and GIF formats. The recommended resolution is 1080x1080 pixels, and the maximum file size is 10 MB per image with a limit of 10 images per review.

How do I moderate customer photo reviews?

All new photo reviews are flagged as pending in your BigCommerce admin. Review the content and images, then approve or reject the review. You can also edit reviews before approval.

Can customers submit photo reviews without purchasing the product?

This depends on your BigCommerce review settings. You can require verified purchases, allow guest reviews, or require customer login. The Product Review Images app respects these existing settings.

How do I encourage customers to submit photo reviews?

Send post-purchase emails 7-14 days after purchase with a direct link to the product review page. Highlight the photo feature and consider offering incentives like discounts or featuring the best reviews.

Do photo reviews improve SEO?

Yes. User-generated content with photos provides fresh content signals, increases time on page, and boosts engagement metrics that search engines use to rank pages.

Recommended Reading: The Full Impact of Photo Reviews

For deeper insights into how photo reviews affect conversion rates, check out our case study: How Photo Reviews Drive 2x More Sales on BigCommerce.

That post covers:

• Real conversion data from BigCommerce stores
• How review images impact specific product categories
• ROI calculations for implementing photo reviews
• Customer psychology behind visual proof

Conclusion: Your 10-Minute Setup Is Complete

Setting up Product Review Images takes less than 10 minutes and unlocks a powerful driver of sales growth. You've now:

1. ✓ Installed the app from PapaThemes
2. ✓ Configured review criteria to match your products
3. ✓ Customized your review form
4. ✓ Set up moderation and trust signals
5. ✓ Created a strategy to collect reviews with photos

Your customers can now submit rich, photo-backed reviews. Those reviews build trust for new shoppers, boost your SEO with fresh user-generated content, and provide valuable feedback for product improvements.

Ready to get started?

Install Product Review Images Today and start collecting authentic customer photos. If you have questions during setup, our support team is here to help.

And if you're looking for more ways to enhance customer trust and drive conversions, explore our full suite of BigCommerce apps and extensions at papathemes.com. From AI-powered search to customizable widgets, we've got solutions for every ecommerce challenge.

Happy reviewing!