Components
Create and maintain reusable elements for landing pages.
Updated 9 August 2026Create reusable interface elements
Open Optimize > Landing Pages > Components to manage elements intended for reuse, such as product cards, buttons or headers. Components can be placed in Blocks or directly in Pages where the same element should remain consistent.
Use a Component for a durable pattern with a recognisable purpose. One-off campaign copy or a section that will not be reused is usually better built directly in the relevant Block or Page.
Create a Component
Choose New Landing Component
Give the Component a clear name that describes what it is, not the campaign where it was first used.
Choose the starting method
Leave Generate with AI off to build it yourself, or enable it to create a starting point with AI.
Create and edit
Choose Create to open the visual builder. Add the required elements and adjust their Styles, Settings or Code where appropriate.
Preview and save
Check the Component in the relevant responsive views, then save it for reuse.
Design for reuse
- Keep the Component responsible for one recognisable interface pattern.
- Avoid campaign-specific URLs, claims or dates unless they are deliberately editable.
- Use the Theme for shared brand defaults instead of recreating them inside every Component.
- Give buttons and links meaningful labels and visible focus states.
- Test the longest realistic content, not only the shortest example.
A maintained Component reduces small variations in calls to action, product presentation and interaction behaviour. That makes experimentation and performance comparison easier to interpret.
Manage existing Components
The Components area becomes the library for project-owned reusable elements. Preview before editing, and check where a Component is used before deleting or materially changing it. When a new requirement is only a small variation, prefer an editable option over an almost identical duplicate.