How to add an Instagram section to any Shopify theme

Introduction

Bring your social content directly into your storefront with the Flexi Instagram Section — a visually engaging layout designed to showcase your latest Instagram posts on your Shopify site. By displaying real social content, you can build trust, highlight lifestyle imagery, and reinforce your brand aesthetic without sending customers off-site.

In the video above, you’ll learn how to add an Instagram section to any Shopify theme using Flexi’s intuitive settings. Discover how to connect your Instagram content, control layouts, and create a responsive social feed that looks great on both desktop and mobile.

Perfect for homepages, product pages, and landing pages, the Flexi Instagram Section integrates seamlessly with any Shopify theme. Whether you’re highlighting user-generated content or brand posts, this section helps turn social proof into on-site engagement.

Setup Instructions

Install the App

Visit the Shopify App Store and install Flexi Slider Sections. Start your free trial to unlock access to all Flexi sections, including the Instagram Section.

Install Section

Open the Flexi app and navigate to the sections library. Search for "Instagram Section" and click "Add to Theme" to install it instantly.

Add to Your Store

Go to your Shopify admin → Online Store → Themes → Customize. Click "Add section" and select "Instagram Section" from the available sections.

Set Section Width

In the section settings, choose your preferred layout:

• Full width: Create an immersive, edge-to-edge social feed
• Fixed width: Set a custom maximum width (320px – 1440px)
• Theme width: Match your theme’s default content container

Add Content

Configure the Instagram section to display your selected posts or curated images. Each item can include imagery, links, and optional overlay elements depending on your setup.

This makes it easy to highlight campaigns, seasonal content, or user-generated posts that reinforce your brand story.

Customize & Style

Fine-tune your Instagram section using Flexi’s built-in settings:

• Control the number of images shown on desktop and mobile
• Adjust spacing, padding, and grid or slider layouts
• Customize hover effects and overlays
• Update typography and colors to match your brand

Works Seamlessly with Dawn & Horizon

Flexi sections are built for Shopify’s modern theme architecture, which means the Instagram Section works seamlessly with Dawn, Horizon, and all Online Store 2.0 themes.

Dawn Compatibility

Dawn is Shopify’s reference theme, and the Flexi Instagram Section follows the same responsive layout patterns, spacing conventions, and accessibility standards used throughout Dawn.

This allows the Instagram feed to inherit your theme’s typography and button styles by default, while still giving you full control over layout and presentation.

Horizon & Modern Framework Support

Horizon represents Shopify’s next-generation theme framework. The Instagram Section integrates cleanly with Horizon-based themes without overriding global styles or introducing JavaScript conflicts.

Because the section is self-contained and theme-safe, you can confidently use it in modern and highly customized storefronts.

Theme-Safe by Design

Every Flexi section is scoped, isolated, and performance-optimized. This means you can:

• Add or update Instagram content without editing theme code
• Preview design changes safely before publishing
• Reuse the same Instagram section across multiple themes
• Switch themes without rebuilding your social layout

Whether you're using Dawn, Horizon, or a fully custom Online Store 2.0 theme, Flexi’s Instagram Section adapts automatically — helping you turn social content into a seamless part of your shopping experience.