# Groups

**Groups** help structure your flow by organizing steps into logical sections. They support conditional logic, custom styling, and dynamic ordering, making it easier to manage and present complex forms.

Groups themselves are not content, but help keep your flow and studio organized by acting as containers for **steps**. They can:&#x20;

* be [conditionally enabled](https://docs.formsort.com/conditions-and-logic), which will either hide or render the steps inside.
* use their own styling that overrides the flow theme.
* be dynamically re-ordered using the [Group Ranking API](https://docs.formsort.com/form-behavior-settings/variant-settings/group-ranking-api).

The user moves through the flow starting from the group at the top, down to the last group. This is the default behavior for Formsort.

{% hint style="info" %}
If you'd like to allow your user to jump around the flow, see our [Navigation Sidebar](https://docs.formsort.com/styling/customizing-appearance/content-area-and-form-layout#navigation-sidebar).
{% endhint %}

## Adding steps to a group

<figure><img src="https://1036686854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJPnL__mOdr_mLZ8nwf%2Fuploads%2FqMiVZyKaHqgS5UcreQvu%2Fimage.png?alt=media&#x26;token=0ae1d100-4468-464a-a5ec-470355455222" alt=""><figcaption><p>Click "Edit groups" to open the Group menu</p></figcaption></figure>

<figure><img src="https://1036686854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJPnL__mOdr_mLZ8nwf%2Fuploads%2F5f0kF3O0wp7F3P2WDYbq%2Fimage.png?alt=media&#x26;token=e6fe3640-17b8-4e91-ace6-ff635419ce13" alt=""><figcaption><p>Press the caret to close the Group menu</p></figcaption></figure>

To add a group, click **Edit groups** when hovering the left-side groups editor, or click the arrow at the top right.

In the expanded group editor, you can add groups and then create steps within them.

If you want to move existing steps into a group, you can drag the step into the groups while the group editor is expanded. Alternatively, you can use [cut and paste](https://docs.formsort.com/creating-flows/building-a-new-flow/copy-paste-of-form-content) steps to re-organize content between groups.

If you do not create groups, all steps appear within a *default* group.&#x20;

***

## Group settings

#### Group Label

You can add a label to easier identify the function of a Group, e.g. naming a Group "Introduction" if it houses the content/questions related to introducing a user to the form. Group labels are not shown to users, unless you choose to show them within the [progress bar](https://docs.formsort.com/styling/customizing-appearance/progress-bars#counting-groups-or-steps).&#x20;

#### Group ID

Used to create a stable definition/ID of the group when using the [Group Ranking API](https://docs.formsort.com/form-behavior-settings/variant-settings/group-ranking-api). See the linked documentation for more information.&#x20;

***

## Group logic

Groups can be made [conditional](https://docs.formsort.com/conditions-and-logic), which will show or hide all the steps within a group all at once.

<figure><img src="https://1036686854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJPnL__mOdr_mLZ8nwf%2Fuploads%2Fme7ZfrOn5UNESd1RtLSt%2Fimage.png?alt=media&#x26;token=4d5638a0-7343-424e-9fd0-7f12e80fa931" alt=""><figcaption><p>Rendering a group based on a <a href="../../response-data-collection-and-management/variable-schema/external-answers">external variable</a> being passed in at flow load. </p></figcaption></figure>

## Style

### Styling groups

[Group style overrides](https://docs.formsort.com/css-and-advanced-styling#group-style-overrides) can be used to alter any part of the general Theme set within a group.

<figure><img src="https://1036686854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJPnL__mOdr_mLZ8nwf%2Fuploads%2FFk1MWASzvHjlwMYAEvzV%2Fimage.png?alt=media&#x26;token=89cbe8eb-0200-493b-97bd-46edf1bdd7b0" alt=""><figcaption><p>Group style override menu</p></figcaption></figure>

These are particularly handy if you have distinct sections of a flow which might want to adopt a slightly different look and feel.&#x20;

For example, you might have an *Introduction* group that contains  some lightweight questions and content perhaps a more colorful and spacious design. You can follow that with a *Data collection* group that has a denser layout to facilitate answering many questions all together
