Skip to main content

InstagramGalleryWidget

Default widget example

Displays an Instagram feed gallery on your storefront, showcasing posts from your connected Instagram account. The widget supports multiple layouts, stories integration, and can filter posts by tagged products.

Code​

<div
    class="gw-instagram-gallery-placeholder"
    data-gw-gallery-id="123456"
    data-gw-gallery-layout="0"
    style="display: block"
></div>

Attributes​

Attributes
data-gw-gallery-idrequired
The unique identifier of your Instagram gallery configured in Growave admin.
data-gw-gallery-layoutrequired
The ID of the layout to display. Create a gallery in the Growave admin panel first, then create layouts within that gallery.
data-gw-show-stories?optional
Enables Instagram stories display above the gallery. Set to "true" to enable.
data-gw-tagged?optional
Filters the gallery to show only posts where products are tagged. Set to "true" to enable.
data-gw-gallery-title?optional
Custom title displayed above the gallery. Overrides the default title from admin settings.
data-gw-high-quality?optional
Enables high-quality image loading. Set to "true" for better image quality (may increase load time).
data-gw-product-id?optional
Filters the gallery to show only posts related to a specific product. Use Shopify product ID (numeric) or GID format.

Instagram Page Variant​

For dedicated Instagram page integration, use the data-gw-shop-instagram-page attribute instead of gallery configuration:

<div
    class="gw-instagram-gallery-placeholder"
    data-gw-shop-instagram-page="true"
    style="display: block"
></div>

This variant displays all Instagram posts and is typically used on a dedicated /pages/instagram page.