Quick start guide
Learn the basics on how to get started with AI Shopping Assistant chatbot.
AI Shopping Assistant is a customizable, AI-powered chatbot that exists on your storefront and helps customers discover products by answering their questions. AI Shopping Assistant learns from your store data so it can answer customer questions and recommend products in real time.
This guide walks you through setting up the app, training it with your store data, customizing the appearance and tone, and making it live on your store.
1. Sync your store data
You need to let AI Shopping Assistant sync your store to learn about your products and pages so that it can make intelligent product recommendations to your customers.
After you've installed the Quiz Kit app, find AI Shopping Assistant in the menu bar, do the following:
Steps:
Click Start setup.
If you have a password on your storefront, then enter it in the Your password field, and press enter.
Click Sync data to allow AI Shopping Assistant to collect information from your products, collections, pages, and metafields.
Tip
Syncing might take a minute. You can continue setup while syncing runs in the background.
Syncs happen automatically every 3 days. You can re-sync manually anytime after making store updates.
2. Select a theme to apply AI Shopping Assistant to
Add AI Shopping Assistant to your storefront by connecting it to a theme.
In the Select Theme step, from the drop-down menu, choose one of your existing store themes to apply AI Shopping Assistant to.
This step connects the AI Shopping Assistant to your theme via Shopify’s theme editor.
Click Enable app embed to launch the theme editor settings.
3. Customize the AI Shopping Assistant
In the theme editor, you can:
Toggle the chat bubble on/off, adjust its position, color, corners, and hover text.
Customize the chat window, including header, welcome text, conversation bubbles, and AI avatar.
Style AI suggested questions and product prompts, including colors, corners, and scrolling marquee.
Add custom CSS for advanced styling.
Make any customizations you want, then click Save to apply your changes.
4. Add the page chat section
You can add a full-width chat section, ideal for collection or landing pages.
Steps:
From the AI Shopping Assistant dashboard under Page chat, click Enable section. Your theme editor is launched and the Page chat is added. Click Got it.
Optional: Drag the section block up or down to move it to the position you want.
Click the page chat block on the page to open customization options for the section such as logo, header and subheading text.
Click Save.
5. Add product page prompts
Next you can add the question prompts to your product pages. This can be static questions prompts or a banner that scrolls on the product page.
From the AI Shopping Assistant dashboard, under Product page prompts, click Edit placement to launch your theme editor on a product page.
From here you can:
Locate where the AI Shopping Assistant chat block is and move it up or down to place it anywhere in your theme template
Click Save to apply your changes.
6. Final chat styling
If you want to continue editing or make any final changes to the AI Shopping Assistant, then you can go back to the theme editor.
Under Style conversation, click Customize to launch your theme editor. From here you can:
Adjust colors, pop out widget text and fonts
Choose between rounded, square, or pill-style chat
Upload a header logo
Change, show or hide the chat widget icon
Save your changes. This makes the chat agent live if you have it enabled.
7. Product rules
You can limit which products AI Shopping Assistant can recommend.
You can set the maximum number of products that AI Shopping Assistant can suggest in a single response
In the Excluded Products section, select any products you don’t want included in recommendations.
You can also exclude out of stock products.
8. Enable email sign-up
AI Shopping Assistant can collect customer email addresses during chat to help you grow your mailing list. You can customize the text prompts, include an optional discount code, and add a GDPR checkbox if needed. Steps:
From the AI Shopping Assistant dashboard, under Email sign-up, click the down arrow to expand the settings.
(Optional) Check Include a discount code and select the code you want to offer.
Under Customer prompt, enter the text customers click to start the email sign-up (for example, “Is there a discount?”).
Under Email sign-up start, enter the text displayed when the email form appears (for example, “Join our mailing list and we’ll send you 10% off your first purchase!”).
(Optional) If you need GDPR compliance, check Add GDPR checkbox.
Under Sign-up success message, enter the text customers see after submitting their email.
Click Save & activate.
9. Language settings
Choose the language for your AI Shopping Assistant from the drop-down menu.
Last updated
Was this helpful?