Skip to main content

How to set up AI Shopper Widgets

How to set up the three main AI Shopper tools: AI Questions, AI Search and Virtual Try-On.

Mikaela Lasig avatar
Written by Mikaela Lasig
Updated this week

Give your customers a smarter shopping experience by turning on your store’s AI shopper! It can guide buyers, answer their questions, and help them choose products—all without needing live support. These widgets work smoothly with your website and can help boost trust and sales.

In this guide, we’ll walk you through how to set up and customize the three main AI Shopper tools: AI Questions, AI Search and Virtual Try-On.

Use Cases

Each widget serves a distinct purpose in enhancing the shopping experience. Understanding when to use each one is key to maximizing their value.

  • AI Questions: Shows common product questions (like size, materials, or care) right on your product pages to help customers without them needing to ask support.

  • AI Search: Gives your shoppers a smarter way to search your site using natural language—much better than regular keyword search!

  • Virtual Try-On: Perfect for fashion and sizing recommendations—this lets customers “see” how items look on them, helping build confidence before buying.

Setting Up AI Questions

This widget shows clickable Q&As on your product pages, so customers can get answers fast.

Customize the Look

  1. Go to AI Shopper > Widgets > Click on the AI Questions card

  2. Under Design Widget, choose:

    • Scroll or Static Questions

    • Colors, including background, hover background, text, hover text, border, and hover border

    • Font and Size

Manage Questions

  1. Click Edit Questions

  2. Pick a product from your catalog

  3. You can:

    • Edit or rewrite questions

    • Add a new one

    • Remove any that don’t fit

    • Turn the widget on/off for specific products

📌Add to Your Store

  1. Preview with Test Agent on Page

  2. Click Add Block to open Shopify Theme Editor

  3. Drag the AI Questions block to your preferred spot

  4. Click Save


Setting Up AI Search Bar

This smart search bar helps shoppers find products by typing questions naturally.

  1. Go to AI Shopper > Widgets > Click on the AI Search card

  2. Under Widget Appearance, change the placeholder text (e.g., “Ask me anything...”)

  3. Click Publish

The AI understands different languages! No need to set anything—customers will get replies in the language they use.


Setting Up Virtual Try-On

Let your customers preview how items will look on them—great for clothes and beauty products!

Customize the Button

  • Change button text (e.g., “See it on you”)

  • Choose button size and text alignment

  • Match colors and font to your store’s style

Customize Welcome Screen

  • Edit the intro message

  • Choose a default model (male, female, or beauty) that appears before customers upload their photo

Add to Your Store

Click Add Block to open Shopify Theme Editor, place the button on your product page, and click Save.

Did this answer your question?