Integrations

Shopify

Step 1: Sign Into LemChat and Configure Your LemChat Chatbot

To add a LemChat chatbot to your Shopify website, sign into your LemChat account to create and set up a chatbot. If you don't have a LemChat account, you can start by creating one for free.

Step 2: Generate and Copy the Chatbot Embed Code

To embed your chatbot on your Shopify site, you'll need to first generate an embed code for your chatbot. To do this:

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

2. On the preview page, click on Embed at the top of the page.

3. Up next, click on Copy Iframe to copy the chatbot embed code.

Step 3: Sign Into Your Shopify Website and Embed Your Chatbot

To add the embed code to your Shopify website:

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

2. On the left sidebar of the admin page, click on Online Store and then click on Pages to reveal the list of pages on your store website.

3. Click on the page you wish to embed the chatbot. (For this example, we want to embed it in the Contact page)

4. The page you click on should open on an HTML editor, click the source code icon on the top right corner of the editor.

5. Paste the embed code in the code editor and click Save on the top right corner of the page.

6. Click the source code icon again to return to the visual editor. A preview of your LemChat chatbot should be loaded in the editor.

🎉 Success!

Your LemChat chatbot has now been added to your Shopify website. You can optionally click the View page button on the top right corner of the page editor to see how your chatbot will look on your live page.

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

💡 Pro Tips for Shopify Integration:

  • Consider adding the chatbot to your main product pages for customer support
  • The Contact page is ideal for customer service inquiries
  • You can embed the chatbot on multiple pages by repeating the process
  • Test the chatbot on different devices to ensure responsive design