This article introduces the shared content feature: a collection of user-defined blocks which you can insert into email designs. Shared content is meant to be re-used in many designs, as often as you want.
Shared content is rendered in designs at the time of sending. It means that a change made to shared content will immediately affect all designs which contain it. This makes shared content particulary suited for recurrent content, such as headers, footers or social media banners.
Creating a new shared content
To create shared content, use the green "Create New" button on the top bar in Designer > Shared content. Provide a name for the shared content. Click "next" to proceed.
The "tag" is an important value used to insert content into HTML designs. Splio will fill this field by turning the characters in the name to lowercase and replacing spaces with underscores.
Use the "Message Builder" tab. You can drag and drop items from the content panel, including row structure.
Save the content when done.
Saving HTML code as a shared content (optional)
If you have a block of HTML code, e.g., transferred from another system, you can save it as a shared content.
Instead of opening the Message Builder, use the "HTML editor" tab and paste your HTML code into the left panel. Use the right panel to preview how the content will be rendered on desktop and mobile screens.
Using shared content with Message Builder
Follow these steps to include a shared content in an email design.
Step 1
In the Message Builder, drag the "dynamic content" tile to a row in the design.
Step 2
Click on the dynamic content box in the design to display its properties.
Step 3
You can select one of the shortlisted shared content or use the search option.
The shared content will be inserted there when the design is rendered as an email.
Inserting shared content in HTML editor
You can use any shared content saved in your universe in all your HTML designs.
To do so, type {{ shared_content_tag }} in the HTML editor, replacing "shared_content_tag" with the tag of the content, e.g., {{ en_header }}.
The content is also available from the variables library. To access it, use the "functions" button in the HTML editor.
If you include a shared block in your HTML code, be sure to do so with the code editor in order to maintain an ideal rendering and to respect the structure of your tags.
In the library, go to the "shared content" tab to find the list of available blocks.
Select the block name and click "validate" to insert the block and close the library.
Viewing and editing shared blocks
To find all shared content defined in your universe, go to DESIGNER > Saved contents.
The list shows the number of design which use each shared content and the date when it was last modified. You can edit existing blocks using the "..." menu for each block or create new ones.
Best practices for re-using rows and blocks from shared content
By using the save button (💾) in each row and block in the shared content you are creating, you will be able to reuse blocks and rows in another shared content, or even in a specific design. This is especially useful if some part of your shared content is a very common element of your designs.