Back to top

Welcome to Pardot,
multi-purpose layout template

This is a multi purpose Pardot landing page layout template. This landing page template mostly useful for event, webinar, product and services.

Get Started

Changing Default Theme Color With Your Brand

Change the primary (orange)   color.

  1. Open style.css file in code editor which is in Layout Template/css/style.css

  2. You will found /* Brand Text Color */ line in code around line no 16.

  3. Now change the color code #00b901 with your brand color.

  4. Scroll down; you will found /* Brand Background Color */ and /* Brand Border Color */ line in code.

  5. Now change the color code #00b901 with your same brand color.

    upload nav

  6. Save the file.

Installation

Let's start with uploading all files on Pardot.

  1. Open index.html file from Layout Template/ folder in code editor.

    upload nav

  2. Login your Pardot account and go to Marketing >> Content >> Files .

    upload nav

  3. You will see the file upload window. You can drag all files here from Layout Template/images/ or click on the button to upload images.

  4. After upload successfully, you will get a URL from Pardot for each image (marked in red).

    upload nav

  5. Copy that (location) URL (marked in red) and come back to code editor where your index.html file is open and find image path. You can find it by pressing Ctrl+F or Command+F in editor. For example your image name is icon_1.jpg, then you can find images/icon_1.jpg and replace images/icon_1.jpg by new Pardot url.

  6. Follow this for all images.

  7. Same way, now upload style.css file which is located in CSS folder Layout Template/css/style.css . Replace css/style.css which is located just before closing <head>

    You will found here css/style.css file link location:

    Main style

    Now you are ready to upload a template.

  8. Goto Marketing >> Landing Page >> Layout Template .

    upload nav

  9. From the right-top corner Add Layout Template.

    upload nav

  10. Give the name to the template, select folder (Optional), and add tag (optional).

  11. Remove all code from the "Layout" tab.

    upload nav

  12. Copy all code of index.html form editor ( Ctrl + A ) and paste in the "Layout" tab.

  13. Click on the Save button.

Your layout template is ready. You can find it here Marketing >> Landing Page >> Layout Template

Create a Landing Page (with this layout)

  1. Login your Pardot account and go to Marketing >> Landing Page.

  2. Click on New Landing Page From the right-top corner.

  3. Enter the page name, Enter the title (this title will display on the browser tab as a page title. It plays a vital role in SEO), Enter a description (This description will be your page description. It plays a vital role in SEO), Select the campaign, Select archive date - it's optional and click on the Next button.

  4. Select the form; this will display on the page. Click on the Next button.

  5. Here you have to select the layout template we just created. Find the name we have given to page layout while uploading.

  6. In this tab, you can update your images, text, links, icons, etc. But for now, you can skip it. We will update it later, let's see the page live first. So you can click on the next button for now.

  7. Now click on the "Confirm & Save" button.

Your page will be saved, and you will be redirected to the window where you will get all the information about your page. On the same window, you will see the page link.

Once you see the page is properly loading, then come back on the same window (Page detail window) and click on the "Edit landing page," and you can continue content update on the fourth number tab called "Landing Page Content."

Enjoy it