How to Customize Your Pardot Unsubscribe Page

In:

Step 1: Create a layout template

By default, the unsubscribe page uses the “Standard” layout template. You can edit the “Standard” template or create a brand new layout template. I recommend creating a brand new layout template that’s only used for the unsubscribe page.

Create a new layout template (Marketing > Landing Page > Layout Templates > New Layout Template). Name the template something descriptive, I’ve named mine “Unsubscribe Template” and paste your HTML into the template. Add the tag %%content%% where you want the unsubscribe text and button to appear.

Here’s what my HTML looks like:

Step 2: Add CSS styles for the unsusbcribe form

Next, add some CSS to your page to style the unsubscribe form. By default, there’s a 160px margin to the left of the re-subscribe button. To get rid of this you can add this CSS to your layout template:

You might also want to style the button and the text within the unsubscribe page. I’ve added the following styles for the button:

And finally, you can add some CSS to modify the rest of the text on the page

My full HTML and CSS looks like this:

Step 3: Edit the unsubscribe page

Once your page layout is ready, edit the unsubscribe page to push it live. To do this, navigate to Marketing > Emails > Unsubscribe Page, click edit and update the layout template.

Here’s what my finished unsubscribe page looks like.

Optional: Add your own copy

Optionally, you can update the copy for the unsubscribe text. This can be updated in the layout template under the form tab.

To update the message from “You have been successfully unsubscribed from email communications. If you did this in error, you may re-subscribe by clicking the button below.” to your custom message, replace %%form-before-form-content%% with your custom text.

To update this message “You have successfully resubscribed to email communications.” to your custom message, replace %%form-thank-you-content%% with your custom text.

Questions?

Send them to me via email, send me a tweet @jennamolby, or leave a comment

Related Posts

  • 04/10/2020
    How To Embed a Pardot Form on Your Website The Right Way

    Pardot offers 2 methods for embedding forms on your website; embedding using an iframe, and form handlers. While the embedded iFrame forms allow marketers to have control over updating and configuring the forms, using an iFrame isn’t always ideal for website usability. In this tutorial, I will show you how to take advantage of the Pardot iFrame forms and make it look great embedded on your website.

  • 23/09/2020
    7 Ways Pardot Users Can Use Chrome Developer Tools For Troubleshooting & Testing

    Chrome Developer Tools is widely used by developers to help edit pages on-the-fly and diagnose issues. Pardot users can use DevTools to troubleshoot and test landing pages and forms. In this post, I’ll show you 7 ways you can use DevTools, including how to identify errors on a landing page, how to customize the CSS of a form and how to view hidden form field values.

  • 17/06/2019
    How to Integrate Gravity Forms With Pardot

    Gravity Forms is one of the easiest tools to create advanced forms for your Wordpress website and with some customization they can be integrated with Pardot. In this post, I will show you how to integrate Gravity Forms using Pardot Form Handlers.

22 comment(s)
  • Yadira

    25/01/2019 at 1:14 pm
    Reply

    Hi, Jenna, Do you know how can I manage different Preferences Pages by Business units, we have created an additional subscription list and hide the "unsubscribe" option, we created an automation rule, when a Prospect is added to the additional list called "Remove me from all your subscriptions" the automation rule removes the Prospect from the other lists in the Preferences Page, but when they selected this option, the confirm page shows a message related with "Now you are subscribed to", when the option was created to opted out from communications. Any suggestion to manage this?. Thanks!

    • Jenna Molby
      to Yadira

      28/01/2019 at 10:46 am
      Reply

      Hi Yadira, Are you looking to customize the text that appears when a prospect has updated their preferences? If so, please email me at [email protected] with a link to your page and I can take a look. Cheers, Jenna

    • Laura
      to Yadira

      08/10/2020 at 5:03 am
      Reply

      Hello Jenna, Thanks for the informations. Do you know how we can have a dynamic unsubscribe page based on the prospect's language? Thanks.

    • Jenna Molby
      to Laura

      08/10/2020 at 8:01 am
      Reply

      Hi Laura, Check out this article on how to change the text on the unsubscribe page: https://help.salesforce.com/articleView?id=000315865&language=en_US&type=1&mode=1. Hope that helps! Cheers, Jenna

  • Chloe

    10/01/2019 at 2:17 am
    Reply

    Hi Jenna, Do you have any template articles about creating a custom email preference centre? We currently have one created so that it displays the lists on one side of the page and a form to update their contact details on the right side of the page, but it looks a bit clunky! It would be great to have a responsive template that looks a bit more modern.

  • John

    18/10/2018 at 6:30 am
    Reply

    How do I add a text field to capture unsubscribe reason?

    • Jenna Molby
      to John

      18/10/2018 at 9:39 am
      Reply

      Hi John, There isn't an option to add fields to the unsubscribe form. However, you can create a new form in Pardot and embed it in your unsubscribe template using the standard embed code to ask for unsubscribe reason. Cheers, Jenna

    • Andrew Donnan
      to Jenna Molby

      21/08/2020 at 11:30 am
      Reply

      A few quirks/observations to anyone else looking to embed a pardot form on their unsubscribe layout template to collect feedback. - create three custom prospect fields: -- One to choose a list of unsubscribe reasons -- one to capture the other reason if not in the list -- one to capture any additional comments - find a solution to make the email field read only, or hide it all together - find a solution to hide the form on the resubscribe success "page" - not really a page I can figure out how to edit. - ask pardot to build this feature in natively

    • Jenna Molby
      to Andrew Donnan

      28/08/2020 at 1:11 pm
      Reply

      Hi Andrew, Thanks so much for sharing. Cheers, Jenna

  • Istvan

    14/06/2018 at 4:29 am
    Reply

    Hi Jenna, Do you have any idea how can I use different labels for the re-subscribe button on the unsubscribe page? We have 3 different languages and I don't see the way how can I change the label on the button depends on the communication preferences. And I basically have the same issue with the meta description' content.

    • Isabelle
      to Istvan

      06/05/2019 at 5:46 am
      Reply

      Hi Jenna, I have the same issue. I need to change the copy of the re-subscribe button dynamically for different languages. For other parts of the page I managed to do this with Advanced Dynamic Content. But it can't get this to work for the button copy...is there a way?

  • Liz

    31/05/2018 at 5:02 pm
    Reply

    Hi Jenna - love this! Thank you for sharing. How do you get the Re-subscribe button on the page?

    • Jenna Molby
      to Liz

      01/06/2018 at 9:00 am
      Reply

      Hi Lix, You're welcome! The re-subscribe button should be there by default.

    • Isabelle
      to Jenna Molby

      20/06/2018 at 5:25 am
      Reply

      The re-subscribe button only shows for cookied visitors. Only those can actually use your unsubscribe oder preference center pages!

Leave A Comment

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

About Me


Welcome to my blog, where I share, tips, tricks, thoughts and solutions that I learn in my daily life as a Marketing Operations leader.

Categories
Most Commented
Popular Posts