Setting up Web Chat on Shopify

Setting up web chat plugin on your Shopify is easy. Just embed the code into the corresponding position to allow your customers to chat with you on their preferred channels, including WhatsApp, Insta

You will need login to your Shopify and copy the code in Chatalog .

// the code should be something like this :

<script src="https://widget.chatalog.ai/chatalog-sdk.min.js" app-id="TsGq6dSOhvgKb5dkPPlB" position="bottom-right" lang="en" defer></script>
  1. Login to Shopify

  2. From your Shopify admin, go to Online Store > Themes. Next to the theme that you want to edit, click Customize.

    Click Sections.

  1. Click "Actions "-> "Edit code ".

  2. Navigate to the Sections folder and expand it .

  3. Open the subs file " footer.liquid "

  4. Search the " </Footer> " in the " footer.liquid "

  5. Copy the code here

  1. Paste your code before {% schema %}.

It is between </footer> and {% schema %} Please use "Paste and Match Style" to paste the code on Shopify.

  1. Click "Save"

  2. You’ve successfully integrated our messaging platform into your Shopify website! 🎉 To see the updated changes, simply open your website. You’ll find the widget positioned at the bottom right-hand side. Feel free to explore and engage with your customers using this powerful tool! 😊

Last updated