How to be Successful with the Pardot Drag-and-Drop Landing Page Builder

In the Salesforce Winter ’22 release, Pardot launched the new drag-and-drop Landing Page builder, which allows users to create nativey responsive landing pages and control when pages are published and/or removed. This builder uses the same integration as the drag-and-drop email content builder, so if you are already using that feature there is nothing new to set up!

This post will cover a few things you can do to ensure your users are successful with this new builder. For a great demo of this new feature, check out the Pardot Release Readiness Winter ’22 Webinar (The landing page builder demo starts around the 14-minute mark).

Requirements and System Usage

Before you get started with the landing page builder, you’ll need to ensure:

You’ll also want to take a look at your landing page usage and limit. Landing pages published with the new drag-and-drop experience plus landing pages published with the classic experience will both count toward your account’s limit. 

To check your usage and limit, navigate to Pardot Settings > Usage and Limits

pardot landing page builder

Ensure consistent use of naming conventions

Good naming conventions are going to be especially helpful when using this new builder. Naming conventions will allow users to quickly and easily locate the correct campaign, images, and form while building a new landing page. 

If you are using multiple Pardot Business Units (PBU) it will be even more important to have good naming conventions. When you create a new landing page, you will need to associate it with a connected campaign. The campaign you select determines which PBU the landing page belongs to as well as which forms can be used on this landing page (the landing page can only use Pardot forms that exist in the same PBU as the page). To make sure your users can determine which PBU a campaign or asset belongs to at a glance, I highly recommend adding your PBU name to the naming convention. 

To ensure naming conventions are used correctly on Salesforce Campaigns, check out our previous blog post on how to automate Salesforce Campaign Naming Conventions.

Vanity URLs

You’ll also want to make sure you have a good policy around using vanity URLs and ensure your users know how to check if a vanity URL is already in use before attempting to publish their new landing page. Vanity URLs are not validated until the landing page is published, meaning a team may center their marketing materials around the URL being www.sercante.com/really-cool-awesome-stuff only to find out upon publishing that this URL is already in use for another marketing initiative. More considerations for vanity URLs can be found here

Salesforce Navigation and Page Layout Edits

Make sure your users know where to find this new feature by adding the Landing Page tab to the Pardot Lightning App navigation.

  1. Navigate to Setup >  App Manager
  2. Locate the Pardot app (ensure the App Type says “Lightning”)
lightning experience app manager
  1. Select the dropdown arrow and click Edit
  2. Select Navigation Items
  3. Move Landing Pages over to the Selected Items pane, click Save
navigation items - landing pages

Also edit your Landing Page layouts to include the new Publication Details section:

example landing page

You can edit this page layout by navigating to Setup > Object Manager > Landing Page > Page Layouts

Create New Landing Page List Views

With more granular control over when Pardot Landing Pages are published and unpublished, as well as additional tracking of changes, creating a few list views will help you easily audit your pages. 

You can create new landing page list views by navigating to Landing Pages, clicking the Action wheel, and then New.

all landing pages

Configure a “Published Landing Page” view to keep an eye on metrics

  • This view is filtered to only show “Status equals Published”
published landing pages

Configure a “In Progress Landing Pages” view to monitor which pages are unpublished but in progress:

in progress landing pages
  • The “Content Last Saved” fields are updated anytime the landing page name, campaign, content, search engine indexing, and/or vanity URL are changed. Publishing and unpublishing a landing page does not update these fields.
  • This view is filtered to only show “Status equals Draft”

Finally, configure a list view of landing pages that have a status of “Published (Changes Pending).” Unlike the classic landing page builder, new and updated pages will need to be pushed to “published” when they are complete. Landing pages will not auto-publish upon saving. This new change in functionality may cause some users to leave their page in the “Published (Changes Pending)” state and a list view can help you keep on eye out for these. 

For this list view, clone your “In Progress Landing Pages” view but change the filter to only show “Status equals Published (Changes Pending)”

published pending landing pages

Automate Reminders to Publish

Since users will need to publish landing pages when changes are made, you can set up a flow to remind landing page owners that their pages are not published. I set this up with a flow. My flow looks for landing pages with a status of “Published (Changes Pending)” and a Content Last Saved date of three days ago or less. My Flow will send an email reminder to the user who last updated the landing page for up to three days after their edits were made (unless the page is published). 

automate reminders to publish landing pages

What excites you about the new Pardot Landing Page builder? Tell us in the comments!

The post How to be Successful with the Pardot Drag-and-Drop Landing Page Builder appeared first on The Spot For Pardot.

By |2021-10-22T11:01:21+00:00October 22nd, 2021|Categories: Content Marketing, Design, Release Notes, Salesforce|

How to Audit Dynamic Content and Variable Tag Usage with the Pardot API

By Erin Duncan & Mike Cruezer

Incorporating dynamic content and variable tags is an excellent way to personalize your emails, forms, and landing pages. But viewing where dynamic content and variable tags are in use is a proverbial black hole. 

Not knowing where these items are used makes updating or deleting dynamic content and fields risky. You don’t want to leave a big blank space in an email template or send a prospect an email that says “We would like to offer you              for a limited time.”

Completing an audit can reveal all the places Pardot Variable Tags and Dynamic Content are in use. So, where do you start?

How we completed the Pardot Dynamic Content and Variable Tag audit

To solve this issue, I teamed up with the Pardot API Wizard Mike Creuzer to see what information we can pull via the API. With the API, Creuzer pulled the asset IDs and the full HTML (and TEXT for email templates) from the assets. We then took the raw data and looked for anything containing “%%” (or “{{“ if you are using HML). The end result being a giant Excel sheet like this:

Pardot Dynamic Content and Variable Tag audit

Using skills from the Excel for Pardot Admins mini-series, we then split this list out into one master list of all Pardot Dynamic Content and Variable Tags present in any assets. This allowed us to not only view which dynamic content assets are more frequently used, but also ensure we would not break any personalization in our assets while altering or deleting fields and content.

Getting Technical with Ad Hoc Reporting in Pardot

To get the data in the format above, we used the typical computer science ETL (Extract, Transform, Load) pattern at a smaller scale.

Extract

In this scenario, we had to go beyond what a typical Pardot export would get us, so we turned to the Pardot API. Using the API we pulled the full HTML and TEXT from all unarchived email templates in the Pardot instance. 

If you are new to using the Pardot API, you can shorten your ramp-up time with the Postman Collection for the Pardot API from Sercante Labs.

Transform

We used a regular expression to pull only the HML, PML, and dynamic content merge fields. This allows us to quickly skim the HTML and TEXT of our email templates and identify where dynamic content and/or variable tags are in use. We effectively tossed away all the other ‘stuff’ in the emails to focus on just the needed bits.


Load

“Load” means getting the data to its final destination. In our case, the destination is a shareable and usable spreadsheet. 

We included useful fields within our spreadsheet for people who are doing the dynamic content and variable tag review (i.e. template name, Pardot business unit, etc.). And there are seemingly useless bits like the template ID, which anyone can easily use to create a direct link to the template for editing. 

We also built in additional features, such as flagging when a TEXT version of an email is blank or where an @ symbol was used before %%current_year)yyyy% instead of ©. Finally, we pulled this process together in a programmed script to allow us to easily re-pull the data after dynamic content and fields were deleted, thus ensuring no tags were missed.

Audit your Pardot Dynamic Content and Variable Tags, and tell us how you did

With toolsets like this at your disposal, you can quickly and accurately get more work done. It’s easy to expand this process into other use cases after you’ve completed the process once or twice. For example, you can look for variable tags within dynamic content. 

What Pardot data would you like to audit with a process like this? Tell us in the comments!And remember to reach out to the Sercante team when the challenge calls for Pardot experts.

The post How to Audit Dynamic Content and Variable Tag Usage with the Pardot API appeared first on The Spot For Pardot.

By |2021-08-24T19:39:41+00:00August 24th, 2021|Categories: Content Marketing, Design, Email Marketing, Experiments, Integration|

Four big Salesforce Winter ‘22 Pardot highlights

It’s time to prepare for the Salesforce Winter ‘22 Release and how it will affect your Pardot instance.

We get three major releases from Salesforce each year — Spring, Summer and Winter. Each Salesforce release includes upgrades and enhancements that affect Salesforce orgs in different ways. 

So, if you’re using and managing Pardot for your company or organization, then you’re in the right place. We’re going to cover everything you need to know about the Salesforce Winter ‘22 Release for Pardot admins and users.

Salesforce Winter ‘22 Release Dates

Here are the Salesforce Winter ‘22 Release dates:

  • August 12, 2021: Pre-release org signup
  • August 16, 2021: Release notes available
  • August 27, 2021: Sandbox preview starts, release site available, and release Trailhead module launches
  • August 30, 2021: Release overview deck and feature matrix available
  • September 10, 2021: Release weekend
  • October 1, 2021: Release weekend
  • October 8, 2021: Release weekend
  • September 10-17, 2021: Release Readiness Live

Salesforce Winter ’22 Release: 4 Highlights for Pardot users and admins

Pardot users and admins are getting lots of attention from the Salesforce Winter ‘22 Release. Some updates are changing the way we work to meet evolving technology demands. Others are saving us time by connecting the dots in a logical way. All we know is, this release includes big updates for people in the sales and marketing world.

Highlight 1: Salesforce My Domain requirement

A Winter ‘22 release update has the potential to create chaos for companies that want to use branded domain names.

The Salesforce Winter ‘22 release will require all orgs to have a My Domain.

That means Pardot orgs that aren’t already configured for My Domain will get a random Salesforce-picked domain name. My Domain names have to be unique, so you’re outta luck if some other Salesforce customer has yours already.

If you don’t have a My Domain yet — then register your brand name now! You don’t have to deploy My Domain right away, but you can claim your preferred domain name now and deploy later (preferably in a Sandbox).

Salesforce My Domain Example

There’s likely to be a gold rush for domains from now until the first few weeks of the Winter ‘22 release, peaking at release, as folks register My Domains before enforcement or pick new ones after being force-registered.

What you should do: Implement a My Domain if you don’t have one

Here are resources to use when implementing a Salesforce My Domain.

(Thanks to Sercante Salesforce Solution Engineer Hayley Tuller for this one!)

Highlight 2: Pardot Classic App Retirement

Pardot Classic isn’t going away completely. But, the Winter ‘22 release includes a step toward moving in that direction. Salesforce has given soft nudges to customers encouraging them to adopt Lightning for quite some time. With that in mind, the Winter ‘22 release brings the news that Salesforce is retiring the Pardot Classic App after October 17, 2021. 

Current Pardot Classic users can refrain from panicking for now. The Pardot Classic App is a Salesforce page with Pardot on top via iFrame. The Pardot Classic App experience is going away, but you can still access Pardot Classic for now. Salesforce will disable the Pardot Classic App for ALL users on October 17, 2022. After that date, Pardot Classic users will only be able to access Pardot using the standalone Pardot app (available at pi.pardot.com).

Say goodbye to the Pardot Lightning app

What you should do: Start planning for the switch to Pardot Lightning

Salesforce Lightning is here to stay, so expect more pushes toward making the switch if you’re using Pardot Classic.

Here are resources to prepare for switching to Pardot Lightning.

Highlight 3: Pardot marketing asset design capability enhancements

Marketers love drag-and-drop tools like fish love water. Salesforce is opening the doors for more drag-and-drop design functionality in Pardot through a few different enhancements.

Enhancement #1: Pardot drag-and-drop landing page editor

Pardot Lightning users now have the ability to build landing pages faster in Pardot with a user-friendly landing page editor. After you enable the feature, the Pardot drag-and-drop landing page editor allows you to create landing pages from templates or scratch. 

Enhancement #2: Custom components for the email content builder

You currently use standard components when you create emails in Pardot. These are the blocks you use to add elements, like graphics or text boxes, to your email drafts. 

Winter ‘22 brings an enhancement that will open the doors to using custom components in your emails to add fancy features and customizations. 

Enhancement #3: Push emails from Lightning Experience into Engagement Programs

We were all excited to start creating emails in the drag-and-drop editor in Salesforce Lightning Experience. But, we were limited in how we could use those emails.

After Winter ‘22, you can push those emails from Lightning Experience into Pardot Engagement Studio programs. All you have to do is create your emails and activate them for use in automations.

What you should do: Evaluate how your team creates Pardot marketing assets

All of these enhancements to the way marketers build assets in Pardot are meant to make the tool easier to use. It may make sense for your team to adopt them or look toward other options. You can figure that out by evaluating your team’s current process for building marketing assets like landing pages and emails.

Document your team’s current processes and talk to them about what works and doesn’t work well for them. Also, pay attention to how much time they are spending on these tasks so you can determine if it makes sense to invest in upgrades or external resources.

Highlight 4: Extending Pardot through integrations

Salesforce is highly customizable thanks to integrations. And new ways to extend Pardot through integrations are going live all the time.

Here are a few Salesforce Winter ‘22 Release enhancements that use integrations to extend Pardot functionality.

Enhancement #1: Send Slack notifications to Pardot users via completion actions (beta)

Interacting with prospects at the right time and in the right way is key to earning their trust. And now you can enable your sales team to capture those moments even more.

A Winter ‘22 enhancement allows you to set a completion action that notifies Pardot users in Slack when prospects interact with marketing assets. Because the Slack acquisition is still unfolding, this new feature also gives us a glimpse of what’s to come now that Slack is officially under the Salesforce umbrella.

Enhancement #2: New enablement resources and the Pardot API v5

Salesforce developers who work with Pardot will have access to the Pardot API v5 with the Winter ‘22 release. This update also includes super helpful enablement resources for Salesforce developers who are new to working with the Pardot API.

Enhancement #3: Pardot Extensibility Enhancements

You probably use third-party apps all the time for things like webinars and virtual events. But using the data from those third-party apps in Pardot can be difficult without heavy lifting. 

The Salesforce Winter ‘22 Release is opening the doors to capturing and using that third-party data in Pardot. You can now collect prospect data in third-party apps and bring it into Pardot by setting up a Marketing App Extension.  

What you should do: Integration brainstorming session

Have a brainstorming session to discover ways you can use integrations more effectively in your Pardot instance. You can kickstart the session by completing the sentence “wouldn’t it be nice if Pardot…” as many times as you can. Then, rank those sentences you created and focus on the ones that will have the greatest impact on your marketing efforts.

Implementing those integrations you identified through your brainstorming may go beyond your team’s capabilities. If that’s the case, you can reach out to Sercante Labs to find out how you can make it happen.

Pardot is getting bigger and better all the time

B2B marketers who come to Pardot are usually looking to scale their efforts and grow in a way that makes sense. These latest enhancements from the Salesforce Winter ‘22 Release get Pardot marketers closer to those goals by saving them time and resources. 

Adding more user-friendly design capabilities addresses a major pain point for many Pardot customers. And extending Pardot through integrations and feature upgrades is preparing Pardot orgs of all sizes for the future.

Contact the team at Sercante to get help implementing these enhancements in your Salesforce org and Pardot instance. And leave us a comment below to let us know what you think about the Winter ‘22 Release.

The post Four big Salesforce Winter ‘22 Pardot highlights appeared first on The Spot For Pardot.

By |2021-08-18T18:53:52+00:00August 18th, 2021|Categories: Content Marketing, Design, Email Marketing, Integration, Release Notes|

Using Preview & Preheader Text in Pardot to Encourage Opens: Questions & Answers

BY KIM CONNELL

It’s an increasingly competitive environment to try to catch anyone’s attention — your prospects, your customers, even that dude on Tinder (okay, kidding on that last one).  But seriously — our span of attention just keeps getting smaller, and our inboxes keep getting fuller.  

So how’s an email marketer to stand out in this environment? 

and we have a few levers to play with:

  1. The subject line
  2. The sender
  3. The preview text

Let’s dig into #3 and our options to stand out. 

But wait, what is preview text? 

Preview text is the text that is displayed along with the subject line, sender, and date in the main view of your email inbox.

Preview text is not displayed by all email clients, but most of the major email clients will typically display the first 35-140 characters of your email.

Show me an example…

It has become a common practice to hide preview text that is not visible in the email body to only serve as preview text.

Here’s a great example from Starbucks. Their preview text is “The cheery glow of 50 Bonus Stars.”

Here’s the open email. As you can see, the preview text is not visible within the body of the email.

Can I use preview text in Pardot templates? 

Yes!  Preheader text is visible text that appears at the top of an open email.  This gets pulled in as preview text in email clients that support it. 

The default Pardot templates include this:

But it’s…. how do you say…. kind of ugly. 

Sorry.

It is.  

How can I style my email to make this look great for users?

You can use HTML and CSS to make your preheader text look a bit more subtle and fit your overall design aesthetic.

Here’s an example from ComiXology. Their preview text is “Last Day to save up to 75%…

In this case, the text is actually visible in the body of the email as small text directly at the top of the design:

Preheader text is easy to implement if you have a design that allows for it because it is visible and easy to edit in your email templates.

What if I want to totally hide my preview text?

If you don’t want to use a visible preheader, but you still want to populate the preview text, you can also hide this in the HTML of your email. 

The following code can be added directly below the opening <body> in the HTML of your email:

<div style="display: none; font-size: 1px; color: #333333; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; ">
      Add your own preview text here
</div>

A word of caution: It can be easy to forget to update since it is not visible in the email layout, so it’s a great idea to add it to a pre-send checklist or QA process if you have one. As an additional precautionary measure, you may want to remove the “Add your own preview text here” text entirely, or replace it with a generic default that would work for any email you send.

Any other tips or hacks for preview text?

Glad you asked. Yes.

Pushing body content OUT of the preview text

As I mentioned earlier, most of the major email clients will typically display the first 35-140 characters of your email. That’s a pretty big range, though.

Email clients will start by grabbing the preheader text, and then if there’s still “room,” will grab from the next text it finds in your email. This can yield some unexpected results.

You might want to include the Preview Text Hack, which is a hidden string of non-breaking spaces and zero-width non-joiners inside of a hidden div directly below your preview text div.

Because the preview text character limit varies vastly between different email clients, it’s a good idea to test your preview text, and add more non-breaking spaces and zero-width non-joiners if needed.

Why would you want to do this? It looks cleaner, and can actually make your email stand out. Take this Uniqlo email, for example:

Even in this small image, the Uniqlo email stands out because it’s the only one that isn’t being drown by words in the preview text pane.

You also avoid the “view in browser” dilemma. If you think of preview text like a second subject line, you don’t want to forfeit this valuable real estate for text like “view in browser”:

Making Preview Text Invisible – the Easy Way

Another great hack is to make preheader text “invisible” by setting the text color to match the background color behind it. This way you can make it visible to edit the text, then make it invisible prior to testing and sending!

Making Hidden Preview Text Editable in the Pardot Editor

If you want your users to be able to edit hidden preview text without going into the full HTML, here’s a little trick:

<div pardot-region="hidden-preview-text" pardot-region-type="simple" style="padding: 5px; ">
    <div style="display: none; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all;">
    </div>
</div>

Breakdown:

  • Use a wrapper div that includes pardot-region and pardot-region-type="simple"
  • Add a little bit of padding to the wrapper, otherwise the person editing the template will not be able to edit the region
  • Create a child div inside of the wrapper with all of the required styles to make the preview text hidden across all email clients: style="display: none; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all;"
    • This code WILL appear in the simple editor and cannot be removed in order for this to work. If someone else will be editing the preview text, you’ll need to educate them on only editing the text inside of the div and how to access this region
    • The hidden preview text will need to be placed in between the child div tags. Here’s a full example:
      <div pardot-region="hidden-preview-text" pardot-region-type="simple" style="padding: 5px; ">
      <div style="display: none; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all;">
      THIS IS THE HIDDEN PREVIEW TEXT :)
      </div>
      </div>
  • Add the “Pushing body content OUT of the preview text” div below this code snippet if you’d like to use that hack in addition to this

You should now see a small editable region appear at the top of the editor. It will be the height specified in the padding, so 5px high in this case. Clicking on this region will open the Simple Editor:

What other questions do you have about preview and preheader text?

Any creative solutions you’ve come up with for using preview and preheader text to entice opens? Any productivity hacks, lessons learned, or tips for success?

Let’s hear it in the comments!

By |2019-08-19T11:00:39+00:00August 19th, 2019|Categories: Design, Email Marketing|

Using Preview & Preheader Text in Pardot to Encourage Opens: Questions & Answers

BY KIM CONNELL

It’s an increasingly competitive environment to try to catch anyone’s attention — your prospects, your customers, even that dude on Tinder (okay, kidding on that last one).  But seriously — our span of attention just keeps getting smaller, and our inboxes keep getting fuller.  

So how’s an email marketer to stand out in this environment? 

and we have a few levers to play with:

  1. The subject line
  2. The sender
  3. The preview text

Let’s dig into #3 and our options to stand out. 

But wait, what is preview text? 

Preview text is the text that is displayed along with the subject line, sender, and date in the main view of your email inbox.

Preview text is not displayed by all email clients, but most of the major email clients will typically display the first 35-140 characters of your email.

Show me an example…

It has become a common practice to hide preview text that is not visible in the email body to only serve as preview text.

Here’s a great example from Starbucks. Their preview text is “The cheery glow of 50 Bonus Stars.”

Here’s the open email. As you can see, the preview text is not visible within the body of the email.

Can I use preview text in Pardot templates? 

Yes!  Preheader text is visible text that appears at the top of an open email.  This gets pulled in as preview text in email clients that support it. 

The default Pardot templates include this:

But it’s…. how do you say…. kind of ugly. 

Sorry.

It is.  

How can I style my email to make this look great for users?

You can use HTML and CSS to make your preheader text look a bit more subtle and fit your overall design aesthetic.

Here’s an example from ComiXology. Their preview text is “Last Day to save up to 75%…

In this case, the text is actually visible in the body of the email as small text directly at the top of the design:

Preheader text is easy to implement if you have a design that allows for it because it is visible and easy to edit in your email templates.

What if I want to totally hide my preview text?

If you don’t want to use a visible preheader, but you still want to populate the preview text, you can also hide this in the HTML of your email. 

The following code can be added directly below the opening <body> in the HTML of your email:

<div style="display: none; font-size: 1px; color: #333333; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; ">
      Add your own preview text here
</div>

A word of caution: It can be easy to forget to update since it is not visible in the email layout, so it’s a great idea to add it to a pre-send checklist or QA process if you have one. As an additional precautionary measure, you may want to remove the “Add your own preview text here” text entirely, or replace it with a generic default that would work for any email you send.

Any other tips or hacks for preview text?

Glad you asked. Yes.

Pushing body content OUT of the preview text

As I mentioned earlier, most of the major email clients will typically display the first 35-140 characters of your email. That’s a pretty big range, though.

Email clients will start by grabbing the preheader text, and then if there’s still “room,” will grab from the next text it finds in your email. This can yield some unexpected results.

You might want to include the Preview Text Hack, which is a hidden string of non-breaking spaces and zero-width non-joiners inside of a hidden div directly below your preview text div.

Because the preview text character limit varies vastly between different email clients, it’s a good idea to test your preview text, and add more non-breaking spaces and zero-width non-joiners if needed.

Why would you want to do this? It looks cleaner, and can actually make your email stand out. Take this Uniqlo email, for example:

Even in this small image, the Uniqlo email stands out because it’s the only one that isn’t being drown by words in the preview text pane.

You also avoid the “view in browser” dilemma. If you think of preview text like a second subject line, you don’t want to forfeit this valuable real estate for text like “view in browser”:

Making Preview Text Invisible – the Easy Way

Another great hack is to make preheader text “invisible” by setting the text color to match the background color behind it. This way you can make it visible to edit the text, then make it invisible prior to testing and sending!

Making Hidden Preview Text Editable in the Pardot Editor

If you want your users to be able to edit hidden preview text without going into the full HTML, here’s a little trick:

<div pardot-region="hidden-preview-text" pardot-region-type="simple" style="padding: 5px; ">
    <div style="display: none; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all;">
    </div>
</div>

Breakdown:

  • Use a wrapper div that includes pardot-region and pardot-region-type="simple"
  • Add a little bit of padding to the wrapper, otherwise the person editing the template will not be able to edit the region
  • Create a child div inside of the wrapper with all of the required styles to make the preview text hidden across all email clients: style="display: none; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all;"
    • This code WILL appear in the simple editor and cannot be removed in order for this to work. If someone else will be editing the preview text, you’ll need to educate them on only editing the text inside of the div and how to access this region
    • The hidden preview text will need to be placed in between the child div tags. Here’s a full example:
      <div pardot-region="hidden-preview-text" pardot-region-type="simple" style="padding: 5px; ">
      <div style="display: none; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all;">
      THIS IS THE HIDDEN PREVIEW TEXT :)
      </div>
      </div>
  • Add the “Pushing body content OUT of the preview text” div below this code snippet if you’d like to use that hack in addition to this

You should now see a small editable region appear at the top of the editor. It will be the height specified in the padding, so 5px high in this case. Clicking on this region will open the Simple Editor:

What other questions do you have about preview and preheader text?

Any creative solutions you’ve come up with for using preview and preheader text to entice opens? Any productivity hacks, lessons learned, or tips for success?

Let’s hear it in the comments!

By |2019-08-19T11:00:39+00:00August 19th, 2019|Categories: Design, Email Marketing|