Shopify

📘

Don't have an Instabot account yet?

Start your free trial today!

Overview

This guide will demonstrate how to integrate web Instabot into your Shopify site, and launch the Instabot when a user clicks a link or button on your site.

Contents

1. Get your Instabot JavaScript snippet
2. Insert Instabot into your page

🚧

Prerequisites

1. Instabot portal account is created

2. Instabot conversation is created

1. Get your Instabot JavaScript snippet

📘

IMPORTANT

You only have to perform these steps once! Once the Instabot code is inserted into your website, you can change your Instabot's location, behavior, and content in the portal without touching any code, ever again!

1. In the Instabot portal, click 'Settings' in the side-panel - this is where you will find your Instabot JavaScript

That's it! Now we're ready to insert our Instabot JavaScript into our Shopify site.

2. Insert Instabot into our Shopify page

1. In your Shopify admin console, let's navigate to where we can edit the source code of our page, select:
2. Online Store
3. Themes
4. Actions
5. Edit HTML/CSS

2. In this screen, you will see all of the templates and files that your Shopify site is currently using. Find and select the specific section, template or file that you want to insert an Instabot into. In this example, we've chosen to insert our code into a template file called featured-content.liquid.

3. Paste your Instabot JavaScript into your Shopify code, then click save.

4. After saving and reloading your page, you see the button you just added in the previous step.

6. Click the link, you should see your web Instabot launch!