You can add content from your Personalization account directly into Marketing as App blocks. App blocks can then be added to your email campaigns, surveys, pages, or forms by simple drag-and-drop.
You can also enable EasyEditor fields for your Slots and SmartBlocks to allow you to design and edit your Personalization content directly in the Marketing EasyEditor.
Before you start
You must already have connected your Marketing and Personalization accounts.
1. Enable EasyEditor fields for your Slots
Learn more about Personalization content in the SmartBlocks and Slots section of the Personalization Help Center.
2. Push Slots to Marketing
In Personalization, go to Content > Slots.
Select the Slot you want to use in Marketing, then select the Use icon.
On the Push to Dotdigital Marketing tab, expand the Dotdigital Marketing account drop-down menu and select the Marketing account you want to use the Slot in.
Select Push to Dotdigital Marketing.
Your selected Slot is added to Marketing EasyEditor as an App block.
3. Use App blocks in EasyEditor
Before you start
Personalization App blocks can be used in email campaigns and pages and forms.
App blocks can’t be placed inside dynamic content blocks.
Add an App block to your campaign or page
Create or edit the email campaign or survey, page, or form you want to include an App block in.
From the EasyEditor Build menu, expand the Personalization App block menu.
Find the App block you want to add, then drag it into place on the EasyEditor canvas.
Select the block to open the editor side panel.
Add or edit content in any of the fields you want to change.
Select Apply.
Design the rest of the campaign or page as you want it, and save.
Show different content for mobile and desktop views
To display a different Personalization Slot for mobile and desktop view, you can create a SmartBlock for each visibility setting, and push Slots containing these SmartBlocks to Marketing as App blocks. Then, in EasyEditor, add each App block to it’s own column block container and set the visibility you want for the content.
To place a Personalization App block in a column block, you must ensure that the width of the SmartBlock doesn’t exceed the width of the column you want to place it in.
Check the width of a column block
In Marketing, open your campaign, survey, page, or form.
Drag a column block from the left side Build menu onto the EasyEditor design canvas.
Hover your cursor over the columns, then select and hold the dotted divider line when it appears.
You see a percentage split of column widths along with the width in pixels.
You must ensure that your SmartBlock width doesn’t exceed this column width.
Single column blocks
To check the width of single column block, temporarily change the block to have two columns, then follow the above steps to check the width. Add the two column widths together to get the total width of your column block, then revert it two have only a single column.
If you’re working on a survey, page or form, to get an accurate width, set the Column spacing to 0px when you change the block to have two columns.
Check or edit the width of a SmartBlock
In Personalization, create or edit your SmartBlock.
On the Design tab, under Core settings, check the value in the SmartBlock width field.
If you need to change the width, enter a new value in pixels in the SmartBlock width field.
Select Save.