How to Add a Gallery in Shopify

Follow these steps to embed a Gleam Gallery in Shopify:

1. Build and Copy Your Gallery Embed (Gleam)

   • Create or open your gallery in Gleam.
   • Copy the embed code from your gallery (script + div).
   • Reference: Gallery Embed Guide.

2. Open the Shopify Theme Editor

   • In Shopify admin, go to Online Store → Themes → Customize.
   • Use the template dropdown to select the page (Home, Product, Collection, Page) where you want the gallery to appear. :contentReference[oaicite:0]{index=0}

3. Add a Section for the Embed

   • Click Add section and choose Custom Liquid (or your theme’s custom HTML/Liquid section).
   • This lets you insert app or embed code without editing theme files directly. :contentReference[oaicite:1]{index=1}

4. Paste the Gleam Embed Code

   • In the Custom Liquid section, paste your gallery’s embed code and position the section where you want it on the page.
   • Save your changes to preview the gallery live. :contentReference[oaicite:2]{index=2}

5. (Optional) Add a Gallery to Other Templates

   • Repeat the Add section → Custom Liquid step on additional templates (e.g., blog, product) as needed.
   • Sections and blocks are managed per template in the theme editor. :contentReference[oaicite:3]{index=3}

6. Follow Best-Practice Placement

   • Place the gallery where it supports your goals: below the hero, on a product page (social proof), or on a community/UGC page.
   • If you need a quick refresher on UGC strategy, see UGC Marketing.

7. Publish and Verify

   • Click Save and check desktop/mobile previews.
   • If you hit limits on sections/blocks (per template), rearrange or remove unused blocks and try again. :contentReference[oaicite:4]{index=4}

Notes & Tips

• Using Custom Liquid avoids editing theme code and keeps your theme eligible for updates (safer than editing theme files directly). :contentReference[oaicite:5]{index=5}
• You can add the same embed to multiple templates by repeating the section-add step; Shopify lets you add and reorder sections from the theme editor UI. :contentReference[oaicite:6]{index=6}