Sections

Sections are the main building blocks of a story and they can accommodate all the content elements available on the platform.

Sections

Sections allow you to create structured layouts with ease. Using sections, you can arrange different types of content elements and structural components into different vertical and horizontal layouts.

1. Add a new section to your story

1 - In the editor mode, click on the plus symbol to insert a new component from the options available
2 - Select SECTION
3 - A blank section one will automatically be added to your story
4 - Start adding content elements to your section
5 - Save and view your edits

Note: Any new story will have a section created by default.

2. Add content to your sections

Fabl allows you to add and combine any type of content or structural component to your section.

1 - Click on the plus symbol underneath the section to insert a new component from the options available.

2 - Select type of content from: text, image, quote, Video" target="_blank">video, code block etc.

3 - Edit your section and its content elements.

4 - Save and view your edits.

3. How to use sections

Organize your story content from high to low

When it comes to structure, work your way down. Go from from high level to low level elements. Always begin with a section, then add new structural components inside the section (SECTION, GRID) or types of content (TEXT, IMAGE, QUOTE etc).

Create new sections for each new topic

A new topic or a new type of content in your content structure deserves a section of its own. Any change in the type of content/subject matter should be organized in a separate section.

Start with full-width sections

Full width sections take advantage of the platforms edge-to-edge feature and allow you to use the display to its maximum size. Use these type of sections as a starting point to build out your story.

Create content specific sections

Add a section within a section to create more layers in your content. This allows you to make style changes without interfering with the settings of individual content blocks.

Content specific sections allow you to diversify content and to create engaging page layouts.

4. Creative ways of using sections

Separate your story content by using full-width sections
with color or image backgrounds.

Add sparkles to your story by using parallax backgrounds.

Add video sections for a truly dynamic experience.

Use light background sections to create separation
or add white space.

Tips & Tricks

Duplicate sections to save time building your story.

Extremely useful when you have to organize similar types of content. A duplicated section will preserve the type of layout and content. (1)
You can easily replace the duplicated content (image, text, video) with your new content. (2)
Change the layout by moving up or down your sections. (3)

Already an experienced user?

See what else you can do to enhance your story.