Skip to content

Section Templates Gallery

The AI HTML Widget includes a growing library of pre-made section templates you can apply to your BigCommerce storefront with a single click. After applying a template, use the AI chatbot to customize colors, text, images, and layout to match your brand.

This page showcases the Form Templates and Popup Templates collections. For the full library of 280+ section templates (hero banners, product showcases, testimonials, and more), open the Browse Blocks button inside the AI chatbot.


How to Use Templates

  1. Add the AI HTML Widget to your page in Page Builder
  2. Open the AI chatbot sidebar (purple AI button)
  3. Click Browse Blocks below the chat input
  4. Filter by category — select Form Templates or Popup Templates
  5. Preview any template with desktop, tablet, and mobile frames
  6. Click Use This Block to apply it to your widget
  7. Tell the AI what to customize: "Change the colors to match my brand"

For detailed instructions, see Pre-made Blocks Gallery.


Form Templates

22 professionally designed form templates for collecting customer information, processing requests, and driving engagement. Each form is fully responsive, accessible, and styled with modern design patterns.

All form templates use the BigCommerce GraphQL submitContactUs API — submissions are delivered to your store's contact email automatically. No third-party integrations required.


22 conversion-focused popup templates for promotions, lead capture, compliance, and customer engagement. Each popup includes built-in triggers (timer delay, exit intent, or click), dismiss/remember logic with localStorage, and responsive design across all devices.

Marketing & Promotions

Drive sales with urgency-based promotional popups.

Lead Capture & Newsletter

Grow your email list and capture leads with engaging signup forms.

Compliance & Information

Meet legal requirements and inform customers with professional notice popups.

Social & Engagement

Build community and drive engagement through social interaction popups.

eCommerce-Specific

Purpose-built popups for common eCommerce scenarios.


Customizing Templates

After applying any template, use the AI chatbot to customize it. Here are some common requests:

  • "Change the background color to #1a1a2e"
  • "Replace the placeholder text with our store's actual shipping policy"
  • "Update the discount code to SUMMER25"
  • "Change the popup trigger to show after 10 seconds instead of 5"
  • "Add our logo to the popup header"
  • "Make the form submit to a different email address"

Tip

Templates are a starting point. The AI can modify any aspect — colors, fonts, layout, text, images, timing, behavior, and more. Describe what you want and the AI will update the code.


Popup templates support three trigger types. You can ask the AI to change the trigger after applying a template.

Trigger How It Works Best For
Timer Delay Popup appears after a set number of seconds (default: 3-5s) Welcome offers, announcements
Exit Intent Popup appears when the visitor's mouse moves toward the browser's close/back button Last-chance offers, cart reminders
Click Popup appears when a specific button or link is clicked Size guides, store locators

All popups include dismiss memory — once a visitor closes the popup, it won't appear again during their session (stored in localStorage).