5 Pro Tips for Using the Pardot Landing Page Editor

In:

Become a pro at editing and creating Pardot landing pages, by using these 5 tips. These tips come from questions that are frequently asked within the Trailblazer Community and tips that I have come across while editing landing pages within Pardot.

Have some tips of your own? Write them in the comments.

Tip #1: Responsive Images

If you have responsive landing page templates, check your image heights and widths. Inserting an image through the WYSIWYG editor can add a fixed width & height automatically. To fix this you can update the width value to 100% and leave the height blank.

Before:

After:

Tip #2: Open links in a new tab

Specify the way a link should opened by selecting the link, clicking the link icon and navigating to the Target tab.

Tip #3: Add your tracking codes

Don’t forget to add your Google Analytics tracking codes and any other tracking codes to your templates. If you created your own layout template, you can add the tracking codes directly in the template. If you are using one of the out-of-the-box templates Pardot provides, follow these steps:

  1. Edit your landing page
  2. Navigate to the landing page content tab
  3. Click on page options in the top right corner of the editor
  4. Under scripts click edit
  5. Paste in your scripts (don’t forget to add your <script> tags!)

Tip #4: Responsive, embedded videos

Click on the embed media button within the WYSIWYG editor, paste your video URL and select responsive embed as your video type. Optionally, you can update the max with and min height.

Tip #5: Use a Word to HTML converter

Easily take the copy from a Word doc and use it within your Pardot landing pages without reformatting. Copy & paste the content from your Word doc into an online converter, like this one. Then, simply copy the generated HTML and paste it into the Pardot editor.

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.

3 comment(s)
  • Anh Phung

    10/06/2020 at 1:52 am
    Reply

    Hi Jenna! Can I add multiple scripts onto the landing page? I've already installed Facebook Pixel there, and was wondering if I can also add on the Google Analytics tracking code.

    • Jenna Molby
      to Anh Phung

      10/06/2020 at 7:45 am
      Reply

      Hi Anh, Yes, you can add multiple tracking scripts onto a landing page. Cheers, Jenna

  • Sam

    16/07/2018 at 11:26 am
    Reply

    Thanks Jenna, great blog! Especially love you ics online generator tool! This is how I got to your page. Kind regards Sam

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