6: Embed InstaShop into your shop front

In this final step, we’ll get InstaShop to appear on your shop front. If you have any problems embedding InstaShop, get in touch. We’ll do it for you!

First, choose where you want InstaShop to appear 

——— ——— ——— ——— ——— ——— ——— ———

Add InstaShop to your home page

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).

DONE!

Need help? Get in touch.

 

——— ——— ——— ——— ——— ——— ——— ——— 

Add InstaShop to a new 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
  • 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.
  • Click ‘Save‘.

 

DONE!

Need help? Get in touch.