How to Add an AI Agent to Your Shopify Store

Adding an AI Agent to your Shopify store helps boost engagement, improve the customer experience, and provide instant support. With the Jotform AI Chatbot & Live Chat app, you can quickly create and embed an AI-powered assistant without the need for coding.

Watch on youtube

Installing the Jotform AI Chatbot and Live Chat App

You can easily add the Jotform AI Chatbot & Live Chat app to your Shopify store in just a few simple steps. Here’s how:

1. Log in to your Shopify Store account, and then go to the Jotform AI Chatbot and Live Chat App in the Shopify App Store and click on Install on the left side of the screen.

2. Next, you’ll be redirected to your Shopify Admin Dashboard page, and in the Install App window that opens, click on Install.

3. Then, click on Connect in the middle of the screen.

4. Now, in the window that opens, log in to your Jotform account and click on Allow.

That’s it! You’ve successfully installed the Jotform AI Chatbot & Live Chat app on your Shopify store and connected it to your Jotform account.

Creating Your Jotform AI Chatbot

Once you’ve installed the Jotform AI Chatbot and Live Chat App and connected it to your Jotform Account. The next step is to create your AI Chatbot. Here’s how to do it:

1. On your Shopify Admin Dashboard page, click on the Jotform AI Chatbot & Live Chat app in the menu on the left.
2. Then, choose one of the following options to create your AI Chatbot:
   • Create New AI Chatbot — Create a new AI Chatbot from scratch.
   • Select From Existing AI Chatbot — Select and use an existing AI Chatbot.
3. Now, assuming you’ve selected Create New AI Chatbot, click on Next on the bottom-right side of the page.

4. Next, select the skills you want your AI Chatbot to be trained in from the list of available options:
   • Product Discovery — Guide customers with personalized product recommendations.
   • Customer Support — Answer FAQs, store inquiries, and policies.
   • Order Management — Assist with tracking, shipping, returns, and order status.
   • Engagement & Upsell — Boost sales with recommendations, promotions, and discounts.
5. Then, click on Next.

6. Now, in the Describe the AI Chatbot field, enter a description for the AI Chatbot that you want to create, and then click on Create AI Chatbot.

That’s it! You’ve now successfully created your AI Agent Chatbot.

Setting Up Your AI Chatbot Settings

Now that you’ve successfully created your AI Chatbot, you can now set up the Agent Persona, Customize the Agent Style, and Train your AI Chatbot in your AI Chatbot settings. Here’s how to do it:

1. On your Shopify Admin Dashboard page, click on the Jotform AI Chatbot & Live Chat app in the menu on the left.
2. Now, under the AI Chatbot Settings, you’ll find the following tabs:
   • Agent Persona — Customize your agent’s avatar, name, role, tone, and chat style to create a unique personality.
   • Agent Style — Adjust the colors, fonts, chat window appearance, and behavior to match your brand.
   • Train Your AI Chatbot — Teach your chatbot new Shopify and agent skills to provide smarter, personalized customer support.

Now, let’s explore each of these tabs in detail.

Agent Persona

Under the Agent Persona tab, you can browse or search for preset avatars to give your agent instant personality. You can also customize your agent’s name, role, tone, chattiness, language, and greeting message for a more personalized chat experience:

• Agent Avatar — Select a preset avatar to give your agent an instant personality. You can also further customize it using our guide about How to Customize Agent Avatar.

• Agent Name — Enter a name that’ll represent your AI Agent in the chat window.
• Agent Role — Enter your Agent’s role or title to clarify its purpose to users.
• Chattiness — Adjust how brief or conversational your AI Agent will be when responding.
• Default Language — Set the primary language your AI Agent will use to interact with visitors.
• Tone of Voice — Choose how formal, friendly, or professional your AI Agent should sound.
• Greeting Message — Write the first message your AI Agent will send to visitors when they open the chat.

If you want to take it a step further, check our guide about How to Customize Agent Persona.

Agent Style

Under the Agent Style tab, you can customize how your AI Chatbot looks and acts. You can adjust settings like:

• Color scheme — Pick from a variety of predefined color schemes to give your Chatbot window a look that fits your brand.
• Agent Background Style — Apply a custom background to personalize the area behind your AI Agent’s avatar, using gradients to match your brand or create a specific mood.
  • Start Color — Set the top color of the AI Agent’s gradient background.
  • End Color — Sets the bottom color of the AI Agent’s gradient background.
• Chat Style — Personalize the chat area where conversations happen by adjusting the background, font, and text color to match your brand or style.
  • Chat Background Color — Set the background color of the chat window.
  • Font Family — Choose the font used for chat messages. Options include Inter, Circular, Times New Roman, and more.
  • Font Color — Set the color of the chat text to improve readability.
• Chat — Choose how the Chatbot widget behaves on your site

You can customize your AI Chatbot’s style and appearance even further using our guide about How to Customize Agents Design.

Train Your AI Chatbot

Under the Train Your AI Chatbot tab, you can view and manage settings to improve your Chatbot’s skills for Shopify and other agent features:

• Auto-Trained Knowledge — Your AI Chatbot is automatically trained with your store’s content, such as product details, FAQs, and more, to provide a smarter, more relevant experience for your customers
• Shopify Skills — Enable skills for your AI Chatbot to provide accurate and helpful responses to your customers. By default, there are already a premade Shopify skills:y a pre made shopify skills
  • Show Products — Turn on this option to let the chatbot suggest products based on what the customer is looking for.
  • Show Order Status — Enable this option to let customers check their order updates in real time.
  • Recommend Products — Use this option to allow the chatbot to suggest personalized products based on customer needs.
  • Add and Update Cart — Turn on this option to let the chatbot add items to the cart, change quantities, or update product options.

• Agent Skills — Add agent skills to automate tasks effortlessly. Manage orders, send updates, answer questions, and more in just a few clicks.

Embedding the AI Chatbot to Your Shopify Store

Now that everything’s set up, you can start embedding your AI Chatbot in your Shopify Store. Here’s how to do it:

1. On your Shopify Admin Dashboard page, click on the Jotform AI Chatbot & Live Chat app section in the menu on the left.
2. Then, click on Publish in the top-right corner of the page.

3. Now, you’ll be redirected to your Shopify Online Store Editor page and in the App Embeds menu that opens on the left, go to Jotform AI Chatbot, and Toggle it On.
4. Next, click on Save in the top-right corner of the page, and you’re all set.

And this is how it’ll look when the AI Chatbot has been embedded in your Shopify Store