The GIF below gives a clearer idea of how this works and shows you how to use content regions in the landing page WYSIWYG landing page editor. In this example we’ve used the pardot’ and ‘Image' content regions (more on content region types below) which shows how to use the WYSIWYG and image editor. Note how you can lock regions to behave in a certain way, so users are forced to adhere to the landing page layout.
Pardot content regions GIF
Pardot Training Banner
The great thing to note is that the content regions germany phone number list will work in exactly the same way in the email WYSIWYG editor too.
Content Regions for Landing Pages
The Techy Part
There are quite a few options to choose from when building content regions into your templates. Each come with their own benefits so I’ll do my best to describe each of them below, as well as provide scenarios where you might use them.
You can use the links below to jump to the content region that most interests you, or simply scroll to browse all!
Link Region
Image Region
HTML Region
Simple Region
Basic Region
Pardot (WYSIWYG) Region
Link’ Region
Benefits
The Link Region allows you to easily update links without impacting any of the styling.
Examples of when the Link region can be used:
CTA buttons
Social media icons
Code:
<a href=”https://marcloudconsulting.com” pardot-region=”pardot_link” pardot-region-type=”link”> this is a link you can edit </a>
How it appears in the editor:
Link Content Region
Image’ Region
Benefits
The Image Region allows you to easily swap out images.
Examples of when the Image Region can be used:
Banners
News tiles
Logos
Featured images
Code:
<img src=”https://marcloudconsulting.com/wp-conte ... -file-here” pardot-region=”pardot_image” pardo<span data-mce-type=”bookmark” style=”display: inline-block; width: 0px; overflow: hidden; line-height: 0;” class=”mce_SELRES_start”></span>t-region-type=”image” />
How it appears in the editor:
Image content region
Note: You cannot amend links within the Image Region. To hyperlink this you will need to write this into the Content Region code. All images swapped in/out of this region will link to the URL specified in the template code.
HTML’ Region
Benefits
The HTML Region allows an area to be edited by HTML, which is great for adding custom scripts and flexibility.
Examples of when the HTML Region can be used:
When you have unique scripts for each replicated landing page
When developers want to be able to custom code an area themselves.