This works for the majority of Shopify themes. If you have a custom made home page, you should follow this guide.
From the InstaShop app, go to the ‘More’ menu at the top right, select ‘Embed gallery’ and copy the embed code.
From the left hand menu of Shopify, click ‘Online store’
Click ‘Themes’ from the menu that appears
Click ‘Customise Theme‘
You will see a list of ‘sections’ on the left. These make up your home page. You can edit an existing section. Or you can add a new section.
If you want to add a new section, scroll to the bottom of the list on the left hand side and choose ‘Custom Content‘ from the ‘Advanced Layout’ section and click the ‘Add‘ button
Update the heading
Under content, delete ‘Talk about your brand‘ and ‘Image‘ (open them up, scroll to the bottom of the section and click ‘delete‘
Now, click ‘Add content‘ and select ‘Custom HTML‘
Paste in your embed code, make any other adjustments and click ‘Save‘
You can reorder your theme by dragging the sections up and down.
Some themes don’t directly support embedding HTML. Don’t worry, we can still embed for you! Get in touch.
DONE!
——— ——— ——— ——— ——— ——— ——— ———
Add InstaShop to an existing page
From the InstaShop app, go to the ‘More’ menu at the top right, select ‘Embed gallery’ and copy the embed code.
From the left hand menu of Shopify, click ‘Online store’
Click ‘Pages’ from the menu that appears
From the list in the centre of the page, click on the page you would like to add your grid/slider/collage to
Find the button ‘< >’. This is located above the ‘content’ section where you add your text.
Paste the InstaShop embed code you copied earlier, where you want it to appear on the page.
You can save the page (bottom right), or preview (top right).
From the InstaShop app, go to the ‘More’ menu at the top right, select ‘Embed gallery’ and copy the embed code.
From the left hand menu of Shopify, click ‘Online store’
Click ‘Pages’ from the menu that appears
Now, click the ’Add page’ button at the top-right of the screen.
Give the page a title e.g. ‘Shop Instagram’
Add some content if you want – e.g. text ‘check out our Instagram gallery’.
Click the ‘< >’ button. This is located above the ‘content’ section where you add your text.
Paste the InstaShop embed code you copied earlier, where you want it to appear on the page.
You can save the page (bottom right), or preview (top right).
Step 3.1 Make your new page appear in your shop’s navigation (optional)
This step is only necessary if you have added InstaShop to a new page.
Make sure you have noted that name of the page you have added InstaShop to.
In the main menu of your Shopify account, Click ‘Online Store’, then ‘Navigation’
You will see a selection of menus. The defaults are ‘Main Menu’ and ‘Footer’. Click the ‘Edit Menu’ button next to the menu you want to add the page to.
On the left hand side, click the button ‘Add Menu Item’
A blank menu item will appear. Give the page a menu title under the ‘Name’ column .
In the ‘Link’ column, select ‘Page’
A new drop down option will appear to the right. Select the page containing your InstaShop gallery.
You can adjust the order the page will appear by dragging the icon that looks like two rows of three dots up or down.
InstaShop offers a range of settings to control how your Instagram pictures look to customers.
In the ‘More’ drop down at the top-right of InstaShop, select ‘Gallery Settings’.
You will see the pictures you have set to ‘visible’ and a series of options:
Gallery Layout: choose between ‘Grid’ or ‘Slider’. Essential Plan customers can also choose the ‘Collage‘ option.
Theme: This allows you to control the look of the carousel, which is what your customers see when they click on a picture in your InstaShop gallery. The ‘light’ option has a white background. The ‘Dark’ option has a black background.
Rows: This is only available when using the ‘Grid’ layout. It allows you to control the default number of rows displayed.
Gallery Zoom: By default, when a customer mouses over a picture in InstaShop, the picture zooms in. You can toggle this on and off.
Advanced gallery options
These options are only available to customers on the Essential Plan. You can upgrade here.
Show pins in gallery: By default, pins are not displayed until a customer clicks on a picture. You can show pins in the gallery by turning this option on.
Pin type: You can control the type of pin used when customers click on a picture. Options include:
Circle – this is the default pin type
Radar – a dot with a radiating circle, to attract the customers attention
Star
No pins – there will be no pins on your picture. You product links will still remain on the right hand side. Note, if you have ‘Show pins in gallery‘ switched on, pins will display in the gallery still.
Gallery overlay: when a customer mouses over a picture, they will see a message. By default, the message reads ‘Shop Instagram‘. You can change this message. Message is limited to 16 characters.
If you want your display pictures on your shop front, you must make first make sure the picture you are tagging is set to ‘visible’.
You can add pins to pictures in InstaShop. Pins can link to products in your store, making it easier for customers make purchases.
To add a pin
Click the ‘pin’ button directly below the picture, or the picture itself.
To add a pin, click where you want on the image. A pin will be added and a pop-up menu will appear.
Link to a product in your shop
Start typing the name of the product you want to link to in the first box ‘Product name’. As you type, InstaShop will start making recommendations based on your product database.
Once the product you want to link to appears, click on it.
Add a call to action in the box titled Button Title. Something like ‘Buy now…’.
Click ‘Save‘.
Link to an external URL
Add a name to the ‘Product Title‘ box, but don’t click on any of the suggestions..
In the URL box, add the URL you want to link to.
Add a call to action in the box titled Button Title. Something like ‘Buy now…’.
To remove a pin
Click on the ‘pin’ button below the picture you want to remove a pin from.
Click on the pin you want to remove.
On the pop up menu, click the ‘trash’ icon.
You pin will be removed.
Good to know:
You can add as many pins as you want to each picture
You can rename the button each time. InstaShop will remember the name of the last button to make adding pins quicker.
Awesome, you’ve chosen to use InstaShop to boost sales. We’ll have you up and running in a few easy steps. The first thing you need to do is tell InstaShop the Instagram accounts and/or Instagram #tags you want to gather pictures from.
From the ‘More’ option in the main menu, click on ‘Configure Instagram’
Adding an Instagram account
Under ‘New Instagram Account’, type the Instagram username your want to add.
Click the ‘add’ button.
Done! You can now add more Instagram accounts to your feed.
To add any Instagram hashtag:
Add the hashtag you want to include in your feed under ‘New Hashtag’ .
Click the ‘add’ button.
Done! You can now add more Instagram #tags to your feed.
InstaShop will fetch ALL pictures from ALL instgram accounts using any #tag you add. Adding popular #tags may mean you can’t see your own pictures!
