Add visual fragments to your emails use-visual-fragments
You can use a visual fragment in an email within a journey or a campaign, or in a content template.
➡️ Learn how to manage, author and use fragments in this video
Use a fragment use-fragment
-
Open any email or template content using the Email Designer.
-
Select the Fragments icon from the left rail.
-
The list of all visual fragments created on the current sandbox is displayed. You can:
- Search for a specific fragment by starting typing its label.
- Sort fragments in ascending or descending order.
- Change the way the fragments are displayed (cards or list view).
note note NOTE Fragments are sorted by creation date: recently added visual fragments are shown first in the list. -
You can search and refresh the list.
note note NOTE If some fragments were modified or added while you are editing your content, the list will be updated with the latest changes. -
Drag and drop any fragment from the list into the area where you want to insert it.
-
Like any other component, you can move the fragment around in your content.
-
Select the fragment to display the corresponding pane on the right. From there, you can delete the fragment from your content, or duplicate it. You can also perform these actions directly from the contextual menu that displays on top of the fragment.
-
From the Settings tab, you can:
- Choose the devices you want the fragment to be displayed on.
- Open the fragment in a new tab to edit it if needed. Learn more
- Explore references. Learn more
-
You can further customize your fragment using the Styles tab.
-
If needed, you can break the inheritance with the original fragment. Learn more
-
Add as many fragments as you want and Save your changes.
Break inheritance break-inheritance
When you edit a visual fragment, the changes are synchronized. They are automatically propagated to all Draft journeys/campaigns and content templates containing that fragment.
When added to an email or a content template, fragments are synchronized by default.
However, you can break the inheritance from the original fragment. In that case, the content of the fragment is copied into the current design, and the changes are not synchronized anymore.
To break inheritance, follow the steps below:
-
Select the fragment.
-
Click the unlock icon from the contextual toolbar.
-
That fragment becomes a standalone element that is not linked anymore to the original fragment. Edit it as any other content component in your content. Learn more