---
title: "How to Host Shoppable Instagram on Your Store"
slug: "how-to-host-shoppable-instagram-on-your-store"
updated: 2024-04-03T00:43:07Z
published: 2024-04-03T00:43:07Z
canonical: "support.yotpo.com/how-to-host-shoppable-instagram-on-your-store"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.yotpo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Host Shoppable Instagram on Your Store

Products

			
				
					
						  

					
					Visual UGC
		
			

				

###### Supported plans

				

Free, Pro, Premium, Enterprise

			
			

				

###### eCommerce Platform

				

Shopify, Shopify Plus, Adobe Commerce (Magento), BigCommerce, WooCommerce, Volusion, Salesforce Commerce Cloud, Custom

			

If you don't want to host Shoppable Instagram on Yotpo’s domain, you can put it on a dedicated page on your site. Here’s how to implement it:

1. Make sure you have an empty dedicated page to place the gallery.
2. **Make sure that page is loading Yotpo’s Javascript Library** Our Shoppable Instagram works like any other Yotpo widget, and requires our JavaScript library.
		  
If it is not loading on the page you want to show the Shoppable Instagram, paste the following code in the head section, between the <head> and the </head> tags:

	

```javascript
<script type="text/javascript">
  (function e() {
    var e = document.createElement("script");
    e.type = "text/javascript", e.async = true,
        e.src = "//staticw2.yotpo.com/####APP_Key####/widget.js";
    var t = document.getElementsByTagName("script")[0];
    t.parentNode.insertBefore(e, t)
  })();
</script>
```

	
	Please note:
	

		

Replace **####APP-Key####** with [your APP Key](/v1/docs/finding-your-yotpo-app-key-and-secret-key)

	

1. Place the Shoppable Instagram element within the body section of the page, between the <body> and </body> tags:

	

```javascript
<div
    class="yotpo yotpo-shoppable-gallery"
    data-no-shoppable-header>
</div>
```

1. You probably want to show your store's header/menu. To do this, you don't want to load the Yotpo header too.

#### Excluding the header on-site

Delete the “data-no-shoppable-header” section from your Shoppable Instagram element in order to not load the Shoppable Instagram’s default header:![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/043eef8c-ff7d-4fe2-97fb-12fe1c3dcbda.png?sv=2026-02-06&spr=https&st=2026-11-01T13%3A42%3A02Z&se=2026-11-01T14%3A42%3A02Z&sr=c&sp=r&sig=oir%2BxP9WEJXNNNtRNWh3GWySEkhXP4mcZRIAbN60asU%3D)

1. Log into Yotpo Reviews.
2. Click **Social & Apps.**
3. Click **Shoppable Instagram**.

![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/3f1fc94c-1b63-4eba-83f6-0f5bac50113e.png?sv=2026-02-06&spr=https&st=2026-11-01T13%3A42%3A02Z&se=2026-11-01T14%3A42%3A02Z&sr=c&sp=r&sig=oir%2BxP9WEJXNNNtRNWh3GWySEkhXP4mcZRIAbN60asU%3D)

1. Deselect the **Page Title** and **Star Rating Color** checkboxes.
2. Click the **Save Changes** button at the bottom of the screen.