When using SPINNR, you should be using sections. A section is a div that serves a the root element of your component. It is where the container, rows, columns, content blocks and elements are placed.

The goal is for your page to be built with a collection of sections that can be edited, reused or reordered. To add a section, you can add a section afetr the last section or you can add them inbetween sections. Click on the add new section option at the end of the page or hover over a section until the plus sign appears.

After the last section

In between 2 sections

When clicked, the following options will appear in a modal.

You may then choose from the predefined section layouts that are loaded in SPINNR or from any saved compnents you have created.

<aside> ℹ️ If nothing suits the user’s requirements, the user may choose Layout → Blank → 1 Column, then modify as needed.

</aside>

Adding more sections

When a section is hovered, the Insert Section button will appear above and below. Clicking these will insert a new section in the desired location.

Section controls

Section control options will appear when a section is hovered.

The options available are:

1. Move up - Moves the current section selected one section up.
2. Move down - Moves the current section selected one section down.