This article applies to the following SNPT embeds:
Shoppable Gallery Embed
Live Instagram Feed
UGC Campaigns (if you want the Campaign widget on your homepage only)
Please browse our Other Shopify Articles for one which may better match the specific embed you are wanting to use, if it is not intended for your homepage.
The first step is to copy the SNPT Embed Code for the embed you would like to use. Then, to install the code snippet into your Shopify Store, you have a choice of two methods:
Method 1: For when your Shopify Theme supports 'Sections'
Method 2: Modifying your Shopify Theme Home template file
(for when your theme does not support 'Sections')
1️⃣ Copy your SNPT Embed Code
Start of by grabbing your SNPT Embed code, by copying it so that you are then ready to paste it into your Shopify store. The SNPT embed may be one of the following:
Shoppable Gallery Embed Code
Head into the 'Shoppable Galleries' section, select the Gallery you'd like to use, customise it as desired and then click to 'Copy embed code':
Instagram Live Feed
Head into the 'Live Feed Galleries' section, customise the options if desired, then click to 'Copy embed code':
2️⃣ Install your SNPT Embed Code into your Shopify Store
Shopify Themes commonly use the concept of 'Sections', which in most cases allow you to easily add a custom HTML code snippet - your SNPT embed code in this case. For this, see method 1. If your theme does not support Sections, or does not provide a 'Custom HTML' block, see below for Method 2.
Important: Please record the exact steps you take here. These may vary between themes. Remembering the steps you take will come in handy if you later decide to remove the shoppable gallery embed. We do not provide support for specific themes.
➡️ Method 1: Shopify Theme supports 'Sections':
See the video above, for a step by step to adding a Shoppable Gallery using a Shopify Theme Custom HTML Section. The same steps apply to the other SNPT embeds, just be sure to copy the intended code snippet from within SNPT.
Then, follow these instructions:
Go to the 'Online store' section of your Shopify backoffice and visit the 'Themes' section. Then click to 'Customize theme'
From the Sections panel, click to 'Add section'.
Select 'Custom HTML' from the list of available sections, click 'Add' and then either replace or add your SNPT embed code. Note that 'Custom HTML' may appear as part of another section such as 'Custom content' - as shown below:
* Alternatively, if your theme allows you to specify a 'Page' to 'include in a section' of your homepage you can: Start by creating a Page containing your shoppable feed as described in this article - and then add that Page into a 'Section' of your homepage.
➡️ Method 2: Modifying the HTML for Homepage template (for when your Shopify Theme Homepage does not support Sections)
If your theme does not give you the option to include 'Pages' into Sections of your home page, or the ability to insert code snippets into sections of the homepage, then you can paste the SNPT shoppable galleries embed code into your home page template via your Advanced theme settings.
PLEASE NOTE: You need to be familiar with some basic HTML if you choose this method or ask your developer to do it for you. Record the exact steps you take, to help you in the event you later want to remove the SNPT embed. We do not provide support for Shopify theme code modification:
The exact steps may vary depending on your theme, but will be very similar to:
Go to the 'Online store' section of your Shopify backoffice and visit the 'Themes' section.
Click the 'Actions' button for your active theme, which reveals a dropdown. From here, select to 'Edit code'.
Click to edit the
index.liquidtemplate, and paste your SNPT shoppable galleries embed code where you want it to appear, as shown in the screenshot above. If you are unsure of where to place the embed, try starting off with placing it at the very bottom, after any other content.