Embed Instagram UGS gallery using embed code

Feature availability

Instagram UGC is available starting from the Growth plan.

After setting up your Instagram gallery, including layout, columns, and filters, you can embed it into any Shopify page using the Copy Home Widget Code button.

In Growave admin, go to Instagram UGC → Galleries → select a gallery → click "Edit" in the Layout settings box. This triggers a side drawer with gallery settings. Copy the code using the Home widget code button.

Select images for shoppable Instagram gallery - copy code

The generated embed code looks like this:

<div class="gw-instagram-gallery-placeholder" data-gallery_id="1" data-widget="0">

You can add this code to your Shopify store using one of the following methods:

  1. Shopify theme customizer
    • In your Shopify admin, go to Online Store → Themes → Customize.
    • Select the page where you want to add the gallery.
    • Click Add section → Custom Liquid, then paste the code.

  1. Shopify pages
    • In your Shopify admin, go to Online Store → Pages.
    • Select a page and click Show editor.
    • Paste the embed code into the editor.

  1. Shopify code editor
    • In your Shopify admin, go to Online Store → Themes.
    • Click the three dots menu and select Edit code.
    • Choose the relevant template file and paste the code into the appropriate section.

If you have any questions, contact us at support@growave.io or via the chat icon in the bottom-right corner. We're here to help! 🤗

Related Articles