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

  • 25/07/2018
    2 Free Pardot Landing Page Templates You Can Use for Your Next Event

    Create beautiful, responsive landing pages in Pardot by using one of these 2 free Pardot layout templates. These landing page templates are designed specifically for events such as webinars or trade shows, but they will work well with any landing page that contains a form.

  • 18/07/2018
    The Best Way to Create a 2 Column Pardot Form

    In this tutorial, I’ll show you the best way to create a two-column Pardot form. This is a follow up on my original post How to Create a 2 Column Pardot Form. By popular request, this new method includes a way to make certain form fields full width. All you have to do is add CSS classes to your form fields and copy & paste the CSS provided into Pardot.

  • 11/07/2018
    How To Use UTM Parameters to Capture Lead Source in Pardot

    You might already be using UTM parameters to track your marketing campaigns with Google Analytics, but are you capturing that information when a prospect is created in Pardot? Capturing this data is critical in order to assess the value of your marketing campaign and is a lead management best practice.

6 comment(s)
  • 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

  • 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.

  • 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 sales and marketing professional.

LEARN MORE

Categories
Most Commented
Popular Posts