Create and Add Components in Content Workflow

Components are small content structures that can be reused in templates and items. They help create flexible layouts without having to modify entire templates for updates.

Common components include page headers, footers, image galleries, and testimonials. For instance, updating links in a footer can be done by editing the footer component, which automatically reflects the change across all templates using that component.

Components can be created in two ways - through the structure tab or the structure editor.

There are no restrictions on the types or quantity of fields that can be added to components. However, components are most effective for managing smaller, reusable content structures like page headers, footers, image galleries, and testimonials.

Add Component Via Structure Tab

  1. Navigate to Content Workflow.
  2. Select the Structure tab.
  3. Either select All Components or Not in Use.
  4. Click New component.
  5. Begin adding the different fields to your components (Text, Asset Field, Checkbox, Radio Button or Guidelines).Screenshot 2024-04-25 at 2.43.58 PM.png
  6. Click Save.

Add Component Via Structure Editor

When editing structures, new components can be created from existing fields.

  1. Navigate to an existing structure or create a new structure.
  2. Select the fields or create a new field in which you wish to create a new component.
  3. Once selected, the action bar will appear at the bottom of the screen.
  4. Select Screenshot 2024-03-01 at 12.26.50 PM.png
  5. Type in the name of the new component. (this can be changed at any time).
  6. Select Create component.
  7. The component will now be visible under All Components. 

Component Status

You can change the draft mode in the component status

  • Draft: When a component is in this mode, it is unavailable to users. This mode enables users to create structures as fluidly as possible. You can drag fields in and out and reorder them on the fly without leaving the structure you're currently editing. 
  • Edit: When a component is in this mode, it has been saved. Selecting this mode allows you to open the component in the Component Editor. 



Was this article helpful?

0 out of 0 found this helpful

We're sorry to hear that!

Find out more in our community

Have more questions? Find out more in our community