AI Agent quick start guide

Learn the basics on how to get started with AI Agent chatbot.

AI Agent is a customizable, AI-powered chatbot that exists on your storefront and helps customers discover products by answering their questions. AI Agent 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.

Beta

AI Agent is currently in beta. You can sign up to be a part of the beta by filling out this form. We'll reach out to follow up.

1. Sync your store data

To get started, click Start setup to let AI Agent sync your store to learn about your products and pages.

Steps:

  1. Click Start setup.

  2. If you have a password on your storefront, then enter it in the Your password field, then press enter.

  3. Click Sync store to allow AI Agent 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 Agent to

Add AI Agent 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 Agent to.

  • This step connects the AI Agent to your theme via Shopify’s theme editor.

3. Style the chat widget

Next, you can customize the appearance of the chat drawer that slides out on your storefront.

  • Under Style chat widget, click Customize to launch your theme editor. From here you can:

    • Toggle the AI Agent or the floating button on or off

      • You can disable the widget's icon while you customize

    • 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.

4. Add product page widget

Next you can add the question marquee banner to your product pages. This banner scrolls on the product page and acts as suggested questions customers might ask.

  • Under Product page widget, click + Add block to launch your theme editor on a product page. From here you can:

    • Locate where the AI Agent Chat block is and move it up or down to place it anywhere in your theme template

  • Save your changes. These changes will be live if you have the widget enabled.

5. Product rules

You can control which products AI Agent can recommend.

  • You can set the maximum number of products that AI Agent 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.

6. Choose chat tone

Set the personality of your AI Agent.

  • Options include:

    • Friendly – Warm and approachable

    • Casual – Relaxed and conversational

    • Enthusiastic – Energetic and upbeat

    • Professional – Formal and businesslike

6. Language settings

Choose the language for your AI Agent from the drop-down menu.

PreviousQuiz Kit AI AgentNextSetting up AI Agent

Last updated

Was this helpful?