Using the Flexi App Embed

Brandon Landgraff

Flexi uses an app embed to load global styles across all sections and blocks. If you’ve added a Flexi section to your theme and it doesn’t look quite right, this is the first place to check.

 

What is the Flexi App Embed?

The Flexi App Embed is a small snippet of code that injects global CSS variables and utilities used throughout the Flexi system. It ensures consistent spacing, typography, colors, and utility classes across every section you add to your theme.

These styles are required for Flexi sections and blocks to render properly and stay consistent with your theme's structure.

 

Why It Matters

Without the app embed enabled, your Flexi sections may:

  • Look unstyled or broken
  • Lose spacing, font, or color consistency
  • Ignore global variables used across layouts

Enabling it ensures everything works as expected.

 

How to Enable the App Embed

  1. In your Shopify admin, go to Online Store > Themes
  2. Click Customize on your current theme
  3. In the theme editor, click the App Embeds icon on the left sidebar
  4. Toggle "Flexi Sections" app embed ON
  5. Click Save in the top right corner
Back to resources