Integrating with Shopify

Adding an AI agent chat to your website can significantly enhance visitor engagement and support. This guide walks you through the process of embedding your FlowGent chatbot into your Shopify website.

Step 1: Create and Train Your FlowGent AI Agent

First, sign up or log in to your FlowGent account.

When you sign up for FlowGent AI, you will be guided through an onboarding flow that helps you create your first AI agent.

Step 2: Get Your Chat AI Agent Embed Code

1. Click on the left side bar on to Agents (1) and click on your agent (2) to open the playground.

2. Click Embed on website in the upper right corner

3. Click on Copy Code to copy the chat widget code

Step 3: Add the Chat AI Agent to Your Website

1. Login to Shopify. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Layout folder and open the theme.liquid file
3. Go to the very top of the file and you can paste the code anywhere before the </head> tag. See the image on possible places you paste the code 2. Paste your FlowGent Chat Agent embed into the code your website, and when you publish it - you should see the AI agent pop up!

Image Credits

Customizing Your Chatbot After Deployment

You can always customize your chatbot's appearance later:

1. Go to your FlowGent AI agent editor

2. Select your bot

3. Click the Trigger tab and click on your Chatbot trigger edit button

4. Make your design changes and save your configuration

Your FlowGent AI agent is now ready to assist visitors on your website!