Shopify

This page details the process for embedding the SeaChat AI agent into your Shopify storefront.

Step 1: Create a SeaChat account

If you do not have a SeaChat account, you can sign up for free at SeaChat website! Then you can build your AI agent and bring it to your Shopify websites.

Step 2: Open Shopify

Go to your Shopify dashboard and click on Online Store from the menu.

Go to your Shopify dashboard and click on Online Store from the menu.

Step 3: Edit code on Shopify

Start editing by clicking the ellipsis icon next to your current theme and choosing Edit code.

Start editing by clicking the ellipsis icon next to your current theme and choosing Edit code.

Step 4: Click on theme.liquid

Click on “theme.liquid” on the left side panel.

Click on “theme.liquid” on the left side panel.

Step 5: Copy SeaChat Code

You will have to be logged in on SeaChat to view this code snippet. Sign up for free at SeaChat. Access the required code snippet by navigating to Agent Configuration -> Channels within your workspace at the SeaChat dashboard, specifically under the Shopify channel.

Paste the SeaChat code snippet from the Shopify integration setup on Seachat into the <head> section. You can paste it anywhere between the opening <head> tag and the closing </head> tag.

Paste the SeaChat code snippet in the head; section. You can paste it anywhere between the opening head tag and the closing /head tag

Step 6: Save and preview

Click “Save” button on top right. Click “Preview Store” to test the AI agent. Remember to launch the store again when you are ready!

Important Note: if you want to configure the style of your widget, please go to “Channels” -> “WebChat Widget” -> “Basic Setting”. Your AI Agent will share the same style across your webchat widget channels.

Click “Save” button on top right. Click “Preview Store” to test the AI agent. Remember to launch the store again when you are ready!

Step 7: (Optional) Disconnect other chatbot

Please disconnect any other chatbot services, like Shopify Inbox, to prevent confusion. For Shopify app users, disable the “Apps embeds” toggle on your website customization page. If your previous chatbot service is embedded in code, remove it carefully.

Support

Need assistance? Contact us at seachat@seaslt.ai.