Creating a Component

If the same group of fields keeps showing up across your templates, build it once as a component instead of recreating it in every template. Update the component later, and every template that uses it picks up the change.

A component is a smaller, reusable group of fields you can insert into multiple templates. See Understanding templates, components and repeatable fields for an overview of how structures work in CollectContent.

Creating a component

1. Open the Structure: Select Structure in the project navigation.
2. In the left-hand sidebar, select "Components".
3. Click the Create Component button in the top right.
4. Give your component a name. You can optionally select a component blueprint for a pre-defined structure.
5. Click the Create Component button.

You can also save an existing field or group as a reusable component. Within a template or component editor, click the settings button , followed by the save as component button .

Once a component has been created, you can edit the component straight away to add fields.

Editing a component

1. Open the Structure: Select Structure in the project navigation.
2. In the left-hand sidebar, select "Components".
3. Click the Component you wish to edit, or click the edit button .
4. The component editor will open, allowing you add fields and make changes.
5. When you're finished, click "Save Changes".

Adding fields

On desktop devices, you can add a field by dragging a field from the left-hand sidebar into the component. On mobile devices, you can add a new field by clicking the "Add field" button and selecting a field.

Choose the field type you need and add it to the component. See Understanding field types for the full list of types.

Once you've added a new field give it a label, guidance and configure any options.

Repeat until you have all the fields you need.

Changing field settings

Each field has a variety of settings that can be configured. See Understanding field types for the full list of fields and settings.

You can update the settings of each field by clicking the settings button , for example whether a text field should allow rich-text formatting.

Rearranging fields

Fields can be rearranged by dragging the field or using the arrow buttons .

Saving a field as a component

You can save fields or groups as reusable components.

A component is a smaller, reusable group of fields you can insert into multiple templates. Instead of rebuilding the same set of fields every time a structure repeats, you define it once as a component and drop it into any template that needs it.

To save a field as a reusable component, click the settings button , followed by the save as component button .

Removing fields

Fields can be removed from the component by clicking the settings button , followed by the delete button .