GuideIntegrationsShopify
Shopify

Shopify Integration

Add your Chatsa chatbot to your Shopify store to provide instant customer support.

Step 1: Get Your Chatbot Embed Code

  1. Head over to your Dashboard page and click on the bot you want to embed on your Shopify website.

    [Image Placeholder]
  2. On the playground page, click on Connect at the top of the page.

    [Image Placeholder]
  3. Click on Copy Iframe to copy the chatbot embed code.

    [Image Placeholder]

Step 2: Add the Embed Code to Your Shopify Store

  1. Log into your Shopify account and head to your Shopify admin page.

    [Image Placeholder]
  2. On the left sidebar of the admin page, click on Online Store and then click on Pages.

    [Image Placeholder]
  3. Click on the page where you want to embed the chatbot.

    [Image Placeholder]
  4. Click the source code icon on the top right corner of the editor.

    [Image Placeholder]
  5. Paste the embed code and click Save.

    [Image Placeholder]
  6. Click the source code icon again to return to the visual editor.

    [Image Placeholder]

Note: You can customize the appearance and colors of your bot on your Chatsa dashboard. To do this, go to your dashboard, choose a bot, click the Settings tab on the top of the page, and then click Chat Interface on the left sidebar to reveal the chatbot customization options.

Congratulations! Your Chatsa chatbot is now live on your Shopify store. You can view your page to see how the chatbot appears on your live site.

Get Embed Code

Copy the embed code to add your Chatsa chatbot to your Shopify store