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. Go to Agents → Overview

2. Click "Edit" next to the AI agent you want to integrate

3. Navigate to Triggers and select "Chatbot"

4. Design your chat AI agent appearance and click "Add to Website"

5. Copy the provided HTML embed 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!