Back to top

Welcome to Pardot,
multi-purpose layout template

This is a multi purpose Pardot form layout template. Please follow step by step documentation to install template on Pardot and apply to Pardot form.

Get Started

Get Started

Changing brand colour on page

You can change defoult colour of this layout. In this template, there is one brand colour. Let's change this one with your brand colour. Keep your six digit brand colour code ready.

  1. Open Layout_Tab.txt file in code editor or you can use any text editor. You will see Layout_Tab.txt in main folder after extracting zip.

  2. Find the text, "In this template we have used color". You will see this, at very top after <style> tag.

  3. You will see something like this with 6 digit colour code following with # . This is default template colour.

                                     
                                   /*

                                   In this template we have used color #f48103

                                   If you want to change, replace #f48103 to your brand colour.

                                   */

    Note: You might see different colour code instead #f48103 according to design.

  4. Now we are going to replace #f48103 (or any code in your temlate which is after: "In this template we have used color" ) with your 6 digit brand colour code.

  5. Open the find window by pressing Ctr+F if you are using Windows OS or Command+F if you are using Mac. There are many places this colour is used, just replace this 6 digit colour code with your brand colour code.

  6. Save the file changes.

Installation

Let's start with uploading template on Pardot.

  1. Login your Pardot account and go to Marketing >> Forms >> Layout Templates .

    layout template

  2. You will see all the layout templates here. On top right side click on + Add Layout Template

    add layout

  3. You will see window with "Create Layout Template". Now, enter Name of layout template. Keep in mind name of layout template or note somewhere.

  4. Now you will see Layout tab. Remove all code from Layout tab. Copy all code form Layout_Tab.txt file and paste in code window ( Layout tab). I have marked code window in red border. To open code file, you can right click on file and open it in "Notepad" (for windows) and TextEdit (for Mac).

    Main style

  5. Now you will see Form tab just right side of Layout tab. Remove all code from Form tab. Copy all code form Form_Tab.txt and paste it in the Form code window. To open code file, you can right click on file and open it in "Notepad" (for windows) and TextEdit (for Mac).

  6. Click on Save

Your layout template is ready. You can Choose this layout template for the form.

Choose layout for the Form

  1. Login your Pardot account and go to Marketing >> Forms >> Forms .

    Main style

  2. You will see list of all forms. You will see gear icon end of each form. Click on gear of desired form and then Edit. Refer below screenshot.

    Main style

  3. Click on third tab Look and Feel .

    Now next to Layout Template click on Choose and select just created layout template.

    Main style

  4. Now you can save form and refresh page to see your new design of form.