How To Install The ChatBot on Shopify

Getting Started

Enhance your Shopify store's customer service by seamlessly integrating Botgenuity's ChatBot. Follow these simple steps to install the ChatBot and elevate your customer's shopping experience.

Step 1: Access Your Shopify Admin

1. Go to your Shopify admin page, usually found at https://yourstorename.myshopify.com/admin/.
2. Log in by entering your email, password, and store address.

Step 2: Navigate to the Theme Editor

1. In the left sidebar of your Shopify admin, click Online Store > Themes.

Step 3: Edit Your Theme's Code

1. Locate the theme you wish to edit and click on the Actions dropdown menu.
2. Select Edit code from the dropdown options.

Step 4: Modify the Theme.liquid File

1. In the code editor's left panel, find and click on the theme.liquid file. This file is crucial as it contains your theme's base markup.
2. Scroll through the file until you locate the </head> tag.

Step 5: Embed Your ChatBot Code

1. Just before the closing </head> tag, paste the Botgenuity ChatBot embed code. Use the exact code provided by Botgenuity. Here's an example (remember to replace it with your actual code):

<script
  type="module"
  src="https://chat.botgenuity.com/api/embed?id=your-bot-id-here"
  crossorigin="anonymous"
></script>

Ensure this code snippet is placed right before the </head> tag.

Step 6: Save Your Changes

• Click the Save button located in the top right corner of the editor to apply your changes.

Step 7: Verify the Installation

1. Visit your Shopify store's homepage to see the ChatBot in action.
2. For a more in-depth check, right-click on your store's page, select View Page Source, or use the browser's developer tools (usually accessed by pressing F12) to confirm the code's presence.

Important: Backup Your Store

Before making any changes, it's crucial to back up your theme and store data. Though Shopify offers some automatic backup solutions, creating your own backup is advisable for added security. You can easily duplicate your theme for backup purposes or explore Shopify apps designed for backup solutions.

Caution

Adding custom code to your store should be done with care. Ensure that the new script does not interfere with existing scripts or store functionality. Adding the script to the theme.liquid file applies it globally across your store, so it's essential to verify compatibility.

Congratulations! You've successfully integrated Botgenuity ChatBot into your Shopify store, ready to enhance your customer service and engagement.