Flexi Theme Library
  • Welcome
  • Core Concepts
  • DOCS
    • Metafields
    • Images
    • Videos
    • Custom Classes
    • Block Classes
    • Custom CSS
  • LIBRARY STRUCTURE
    • Library Structure Overview
    • Sections
    • Layouts
      • Layout
      • Marquee layout
      • Column layout
      • Video layout
      • Image layout
      • Slider layout
      • Slideshow layout
    • Groups
      • Group
      • Image background group
      • Card group
      • Product group
      • Collection group
    • Blocks
      • Accordion
      • Text
      • Icons
      • Image
      • Brand Benefits
      • Link
      • Button
      • Popup
      • Description
      • Review
      • Divider
      • Subheading
      • Heading
      • Tabs
      • Icon
    • App Blocks
      • Accordion App Block
      • Subheading App Block
      • Benefits App Block
      • Button App Block
      • Description App Block
      • Heading App Block
      • Image App Block
      • Popup App Block
      • Review App Block
      • Tabs App Block
      • Icons / Logos App Block
  • RESOURCES
    • Integrations
      • Context Personalization + A/B Testing
    • Hire an expert
      • SEO Mercenary
      • Blank Slate Digital
      • Brandon Landgraff
      • Mayank
    • Support
Powered by GitBook
On this page

Core Concepts

PreviousWelcomeNextMetafields

Last updated 2 months ago

CtrlK
  • 1. Enable App Embed
  • 2. Adding Flexi Sections
  • 3. Using Flexi Blocks
  • Flexi Quick Start

Get up and running with Flexi in just a few minutes. These quick videos walk you through everything you need to start building fast, flexible Shopify storefronts with Flexi.

1. Enable App Embed

The Flexi app embed loads the global styles needed for your sections and blocks to render correctly. In this video, you’ll learn how to enable it in your theme settings — a quick but essential step.

2. Adding Flexi Sections

Learn how to browse Flexi’s section library, add a section to your Shopify theme, and start customizing it in the theme editor.

Every Flexi section is made up of four layers: Sections hold the overall component, Layouts define structure, Groups organize related content, and Blocks are the individual elements like text, images, and buttons. This modular system makes it easy to build flexible, scalable storefronts without clutter.

3. Using Flexi Blocks

Flexi blocks make it easy to enhance your product pages with custom content — without writing code. This video shows you how to add app blocks directly to your product templates and keep them update-safe.

Flexi Quick Start

Follow the quick start guide above to get started.