Components are small content structures that can be reused in templates and items. This enables the creation of flexible designs without the need to modify entire templates when a structural change is needed.
Typical components include page headers, footers, image galleries, and testimonials. If you want to add new links to your footer, you can simply edit the footer component, and the changes will be reflected in all templates utilizing that component.
You can create, manage, duplicate, import, and delete components in the Structure tab of your Content Workflow account.
Managing Components
Once you have built a components library, you can manage them in the Component Editor.
- Select the Structure tab.
- Your component library is organized into two areas: All components and Not in use. This makes it easy to remove redundant components.
- Components are sorted alphabetically (A-Z) by d fault.
- Click on the column headers to sort them accordingly.
- Usage shows how many items (custom structures) or templates a component is used on. Deleting a component in use is not possible because it contributes to the loss of content. It shows the number of fields inside a component. Clicking on the data will reveal which fields are inside, specifically in the correct order.
- Updated by shows when a component was last updated and which user updated it.
Duplicate Components
It is possible to duplicate a component to iterate on ideas quickly.
- Navigate to the Structure tab.
- Select a component and choose Duplicate Components from the action bar.
- The duplication will trigger instantly. The newly created component will take the existing name and append a Duplicate at the end.
- You can also duplicate components from the component editor by selecting . In this instance, you'll be taken to the new component to get editing straight away. Again, you'll be asked to save any changes you may have made.
Import Components
Templates and components can be imported from one project to another.
- Navigate to the Structure tab.
- View your components.
- Select the Import button.
- A modal will appear showing the projects in your account on the left.
- Select a project to display any associated components.
- Select the Components that you would like to import.
- Click Import. The components will appear in your current project and be placed in their appropriate position based on our current sorting option (alphabetically by default).
Note:
Importing components will create entirely new components rather than referencing them.
Delete Components
You can delete Components from both the Structure tab and inside a component.
- Navigate to the Structure tab.
- Select the component(s) you wish to delete.
- Select Delete Components from the action bar.
- Select from inside a component.
- Click Delete.
Note:
Component deletion is permanent and cannot be undone. For this reason, it is not possible to delete components in use, as this could result in the accidental loss of content. Before proceeding, please remove any components you'd like to delete from structures and templates.
Integration Support
At the moment, our integrations don't support components. We are working with our integration partners to support components, starting with our most popular integrations (WordPress, Drupal, and AEM). If you're unsure how this may affect you, please get in touch with our support team, who will be happy to help.
Updated