{"id":35832,"date":"2023-03-31T12:50:42","date_gmt":"2023-03-31T07:20:42","guid":{"rendered":"https:\/\/email.uplers.com\/blog\/?p=35832"},"modified":"2024-04-18T16:24:21","modified_gmt":"2024-04-18T10:54:21","slug":"pardot-lightning-email-builder","status":"publish","type":"post","link":"https:\/\/email.uplers.com\/blog\/pardot-lightning-email-builder\/","title":{"rendered":"A Deep Dive Into The Pardot Lightning Email Builder"},"content":{"rendered":"\n

Eye-popping and engaging email templates form the lifeline of an email marketing campaign, that\u2019s no secret. However, designing one isn\u2019t all that easy. Conceptualizing your email isn\u2019t the same as actualizing it, of course, and the latter leaves many businesses at their wits\u2019 end. Email development is a complex affair, requiring you to have a strong grip over coding and other technical domains to give justice to your vision. And having a seasoned developer on deck, while ideal, isn\u2019t always a feasible option. So, what can one do in such a scenario? Well, our suggestion would be to take the help of an email builder or editor- a tool that lets you create pixel-perfect templates from scratch without any technical know-how. And if the tool in question is the Pardot Lightning email builder, you\u2019ll find your life becoming a whole lot easier.<\/p>\n\n\n\n

Any email marketer who has used Salesforce will strongly vouch for the fact that the software is incredibly user-centric. It strives to make even the most complicated of tasks as less intimidating as possible for its users, enabling them to fulfill every single one of its objectives being its mission statement. The Pardot Lightning email builder is nothing but yet another step in that direction. It aims to level the playing field, empowering businesses of all shapes and hues to craft stunning email campaigns in a hassle-free manner, with the help of ready-to-use modules. Today, we are going to take you on a comprehensive tour of this wonderful tool with the view of familiarizing you with its every little nuance and helping you build wonderful Pardot responsive email templates <\/a>in the process. Ready to set sail? Let\u2019s go!<\/p>\n\n\n\n

Pardot Lightning Email Builder Features<\/strong><\/h2>\n\n\n\n

Pardot\u2019s Lightning email builder is exciting in every sense of the word. But, don\u2019t take our word for it. Take a look at the features it packs and decide for yourself.<\/p>\n\n\n\n

Drag And Drop Blocks<\/strong><\/h3>\n\n\n\n

The Lightning email builder contains a variety of reusable blocks called components that can be arranged with a simple drag and drop maneuver to build exciting email marketing newsletter templates<\/a>. In this way, the tool lets everyone, irrespective of their level of experience and expertise, to realize the email designs gestating in their minds, all with a few clicks! Present as a sidebar menu in the builder\u2019s interface, the components section comprises rich text, images, buttons (sparing you from hard-coding your buttons; you can also modify the button style as desired by playing around with different parameters such as font, color, padding, width, and border radius ), and basically everything that one might required to build a template. To summon a block onto the canvas (which is the designing space in the builder), you simply have to drag it from the menu and drop it there. If you\u2019re unhappy with any particular action during the design process, you can simply undo it, something that was not possible in the classic Pardot email builder. What\u2019s more, you also get the scope to create custom Lightning components or download partner-developed ones from AppExchange.<\/p>\n\n\n\n

Images With Salesforce CMS<\/strong><\/h3>\n\n\n\n

Now, there\u2019s no longer a need to rely on external file hosting. The Lightning builder allows you to store and fetch images from Salesforce CMS itself, making things incredibly convenient. Additionally, you get the option of adding alt text and hyperlinks. To ensure your emails are accessible, try and write descriptive alt texts. The more clarity your alt text provides, the better the user experience will be for your readers.<\/p>\n\n\n\n

Columns And Rows<\/strong><\/h3>\n\n\n\n

Pardot\u2019s Lightning email builder does away with the need for coding HTML tables to structure your emails. Here, you can specify the number of columns a block needs to have using a pop-up menu (under the components section). Keep in mind that you can define a maximum of 4 columns. <\/p>\n\n\n\n

Mobile Previews<\/strong><\/h3>\n\n\n\n

The Lightning builder enables you to toggle between different sized devices and obtain instant email previews for the same. This means that you are free from carrying out email rendering tests, which, as anyone in the email community would tell you, can be pretty time consuming.<\/p>\n\n\n\n

Responsive Templates<\/strong><\/h3>\n\n\n\n

With more than 50% <\/a>of people using their cell phones to access emails, it has become imperative for brands to dish out responsive email campaigns<\/a> for their audience. Salesforce understands this and thus the Pardot email template builder has several mobile-friendly out-of-the-box templates.<\/p>\n\n\n\n

Personalization Handlebars Merge Language (HML)<\/strong><\/h2>\n\n\n\n

Earlier, one had to make use of \u201cvariable tags\u201d which used Pardot\u2019s legacy merge language to effect personalization. Now, the same has to be done through HML.This new merge language is also used in Salesforce Lightning templates <\/a>such as Service Cloud, Sales Cloud, Experience Cloud, and the like. Launch the merge picker to view available fields by sender, by object, or by organization fields. Additionally, you can merge data outside accounts field, prospects data, and custom object data. <\/p>\n\n\n\n

Resend List Emails<\/strong><\/h2>\n\n\n\n

The Lightning Email builder makes it possible for you to send and resend email content swiftly, all without needing you to clone the email list while resending. This makes it easier to test sends to different prospect segments. <\/p>\n\n\n

\"custom<\/a><\/div><\/div>\n\n\n\n

Creating An Email Template In Pardot Lightning Email Builder<\/strong><\/h2>\n\n\n\n

Now that we are familiar with the Lightning email builder features, let us look at the steps we need to carry out to create a template.<\/p>\n\n\n\n

1. Log in to your Pardot account and go to the tab titled \u201cEmail Content\u201d. From the drop-down menu that appears, click New.<\/p>\n\n\n\n

\"drop-down<\/figure><\/div>\n\n\n\n

2. A dialog box will appear on your screen, asking you to name your Email content, select a template, and enter a description. Only the \u201cName\u201d field in this box is mandatory.<\/p>\n\n\n\n

\"dialog<\/figure><\/div>\n\n\n\n

Lightning builder allows you to keep the same name for Email Content and Email Templates as other content or templates. This provision was not available in the classic builder. However, to steer clear of confusion, it is advisable to not do so and instead assign unique names. Once you\u2019ve filled out the dialog box, click Save.<\/p>\n\n\n\n

3. Click \u201cEdit in Builder\u201d on the top right hand side of the window.<\/p>\n\n\n\n

\"Edit<\/figure><\/div>\n\n\n\n

4. This will take you to the email builder area.<\/p>\n\n\n\n

\"<\/figure><\/div>\n\n\n\n

Here, you\u2019ll have a bevy of block and styling options at your disposal to design your template. As mentioned earlier, to pick and subsequently position any item, all you have to do is drag and drop. Under the \u201cStyle\u201d tab (on the right), you can configure the style settings of any element you add. One thing that is common to Lightning as well as classic builder is that both give you the choice of either entering the content directly into the editor or switching to the source code (opted by those who prefer to edit the HTML)<\/p>\n\n\n\n

5. Once you\u2019re happy with the design, proceed with previewing the email. As covered earlier in this blog, Lightning Builder lets you switch between email previews across different devices. <\/p>\n\n\n\n

\"previewing<\/figure><\/div>\n\n\n\n
\"previewing<\/figure><\/div>\n\n\n\n

6. After going through the previews, if everything seems to be in place, click the Save button to wrap up the process.<\/p>\n\n\n\n

\"Save<\/figure><\/div>\n\n\n\n

A Few Limitations<\/strong><\/h2>\n\n\n\n

Although the Pardot drag and drop email builder<\/a> makes it extremely convenient for you to design emails, the templates that are borne out of it are devoid of HTML CSS coding. This gives rise to certain restrictions you must contend with.<\/p>\n\n\n\n