Component Library

The Component Library lets you save a component you’ve already designed - a button, an input field, an image, a widget, and more - so you can reuse it in future campaigns without rebuilding it from scratch. This keeps your campaigns on-brand and saves your team time whenever you launch something new.

You’ll find Components in the left-hand navigation menu.

Website-specific

Just like campaigns, the Component Library is specific to the website you currently have selected. Components saved under one website will not appear when you switch to another.

Saving a Component to the Library

You can save a component while designing a campaign, straight from the campaign builder.

1. Open a campaign and select the step you’re designing.
2. Next to the component you want to reuse, click the three-dot menu and select the Save to Component Library (diamond) icon.
3. Give the component a name and click Save.

Grouped components

An Inline Group itself can’t be saved as one library component, but each individual component placed inside the group can be saved on its own.

Browsing the Library

Open Components from the left navigation to see every component saved for the current website.

• Search: Find a component by name using the search field.
• Filter: Narrow the list down to a specific component type (Text, Button, Input, Choice, Image, Widget).
• Sort: Order the list by Name, Created Date, or Updated Date.

Selecting a component from the list shows a live preview on the right, along with its type, when it was last updated, and who last edited it.

Editing a Library Component

From the preview panel, click Edit to open the component in the same design builder used for campaigns, with all the same styling and property options.

Existing campaigns aren’t updated

Changes you save here only apply to future campaigns. Campaigns you’ve already published or built using this component will keep their own copy and won’t change.

Pro tip

Use the Dark Canvas or Show Outlines toggles at the top of the editor if you are editing white text or transparent images.

Duplicating & Deleting

From the preview panel you can also:

• Duplicate: Creates a copy of the component in the library, so you can use it as a starting point for a variation.
• Delete: Permanently removes the component from the library. This does not remove it from campaigns it has already been inserted into. Deletion is irreversible.

Inserting a Component From the Library Into a Campaign

While designing a campaign, you can pull any saved component straight into your current step.

1. In the step section you’re designing, click the + icon to add a component.
2. Select Insert from Component Library.
3. Search for or select the component you want, then click + Insert to add it to your step.

Once inserted, the component becomes a normal part of that campaign step - you can restyle it for that specific campaign without affecting the saved library version.

Related Reading

• Understanding Campaigns - how components fit into steps and layouts.
• Duplicate Component - reusing a component within the same campaign.
• Campaign Widgets - the interactive widgets you can also save to your library.