The Mobi Developer Hub

Welcome to the Mobi developer hub. You'll find comprehensive guides and documentation to help you start working with Mobi as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    

Shopify

Integrate web Instabot into your Shopify site

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

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. Get your Instabot API key from your portal account
  1. Paste your API key into the Instabot JavaScript generator below, then click "get my script!"

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:
    1. Online Store
    2. Themes
    3. Actions
    4. Edit HTML/CSS
Edit HTML/CSS of Shopify theme

Edit HTML/CSS of Shopify theme

  1. 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.
Specific section, template or file to insert Instabot into (example)

Specific section, template or file to insert Instabot into (example)

  1. Paste your Instabot JavaScript into your Shopify code, then click save.
Instabot JavaScript and button code

Instabot JavaScript and button code

  1. After saving and reloading your page, you see the button you just added in the previous step.
A simple button that when clicked, will launch your Instabot

A simple button that when clicked, will launch your Instabot

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