Branding Preference Page and Unsubscribe Preference Page in Pardot

In the era of Email Marketing, it is crucial to ensure good deliverability of emails to your prospective customers and emails sent on behalf of your company domain. Isn’t it? The main agenda of Email Marketing is to keep a customer involved in his brand for which the Delivery Profile, Sender’s Profile, Company Information, and Email Domain play a vital role.

One can configure Delivery Profile, Sender Profile, and Company Information through Pardot Email settings. Still, for Email Domain, the configurations are done at the Pardot end and the Salesforce end.

To achieve the same within a marketing automation tool – Pardot, we can configure a domain to send verified emails which ensures an email to be not landed in a Spam folder of the mailbox.

Let’s dive a little deeper!

Under CAN-SPAM Act and GDPR Policy, every email must have a link to Preference Page and Unsubscribe Page in the email footer, complying with these policies Pardot provides Unsubscribe Page and Preference Page. These pages use the Standard Layout provided by Pardot.

While working for a US-based customer, the demand for customizing these pages as per their brand was a critical yet interesting styling challenge. Keeping the standard functionality the same only look and feel were upgraded. Styling these pages involves overriding the CSS of standard Pardot styling through the class tags.

Upgrading CSS

To customize the Preference Page by default, the preference page uses the “Standard”

layout template. You can edit the “Standard” template or create a brand-new layout template

Marketing > Landing Page > Layout Templates > New Layout Template

Paste your HTML into the template. Add the tag %%content%% where you want the

preference center form to appear.

The preference center has two different CSS layouts-

  • If you want to style the page other than %%content%% then you need to apply CSS on the Layout tab. You can link the CSS stylesheet for that, or you can use the

    Here is an example where the Pardot CSS has been overridden and the Preference Centre has a brand-new look

Branding Preference Page and Unsubscribe Page is not difficult with the inbuilt Pardot styling, one needs to override these classes with basic CSS experience. One major consideration while styling these pages is that these are static pages and have restrictions on applying too much redirection and Javascript. Pardot documentation has details of the standard Pardot CSS classes.

More about the Author: Jai Jethanandani


Jai Jethanandani

Jai Jethanandani

Salesforce Admin/Developer

Leave a Reply

Your email address will not be published. Required fields are marked *


On Key

Related Posts

Tutorial: Basic introduction to LWC

Tutorial: Basic introduction to LWC Lightning Web Components is open source, empowering you to explore the source code, customize the behavior for your needs, and build enterprise-ready web components on any platform, not just Salesforce. Lightning Web Components (LWCs) are a user interface (UI) framework that Salesforce Developers use to create customized pages and functions on the Salesforce platform. Lightning Web Components are seriously becoming the “big thing” for Salesforce Developers, especially for front-end development. Two programming models are now available for creating Lightning components: Lightning Web Components and the original form, Aura Components. Custom HTML elements known as “Lightning

Everything you need to know about SSO (Single Sign-On) and its Importance

Everything you need to know about SSO (Single Sign-On) and its Importance One of the more tedious jobs as a Salesforce admin is resetting users’ passwords. Even though there’s a button on the Salesforce login screen that says “Forgot your password”, some people don’t notice it. If only there were an easier way! Single Sign-On (SSO) is a simple idea: you will instantly be signed into all the other applications you require after signing into one system. You’ll have fewer passwords, fewer headaches, and less redundancy, which should free you up to focus on your original goals rather than getting

Basics: everything to know about Composite API and its advantages

Basics: everything to know about Composite API and its advantages A potential architectural answer that can bundle multiple calls into a single API request. Salesforce has been helping organizations handle the customer database for over 2 decades. It provides users with the right mix of process automation and personalization and tailor services to the specific requirements of the clients. Salesforce integration is the process of merging the data and the functionality of salesforce with another application to provide users with a single unified experience. It allows you to provide your team with the ideal platform features. We have the word

Beginners Guide to MuleSoft and the Anypoint Platform

Beginners Guide to MuleSoft and the Anypoint Platform MuleSoft can connect any system, application, data, and device to unleash the power of Customer 360. The combined power of MuleSoft, the #1 integration platform, and Salesforce, the #1 CRM, enables customers to accelerate digital transformation What is Mulesoft? 1. MuleSoft is a vendor that provides an integration platform to help businesses connect data, applications, and devices across on-premises and cloud computing environments. 2. MuleSoft unifies data to deliver a single view of the customer, automates business processes, and builds connected experiences. Each integration becomes a reusable building block using a modern

San Francisco Headquarters

One Bay Plaza, 1350 Old Bayshore Hwy,#520 Burlingame, CA 94010

Bengaluru Office

IndiQube Edge 4th floor Bellandur, Bengaluru, Karnataka 560103

Pune Office

OYO Workspaces India Pvt. Ltd. Above Vijay Sales, 2nd floor, Pride Purple Accord, Baner road, Baner, Pune - 411045