About sercanteadmin

This author has not yet filled in any details.
So far sercanteadmin has created 2 blog entries.

15 Resources To Make The Most Of Your Landing Pages: The Ultimate List for Pardot Admins

BY: MARCOS DURAN

Building landing pages in Pardot can be an interesting challenge because, depending on your needs and the skillset of your team, there are multiple ways to go about it. 

On one hand, you have the Pardot landing page content builder that leverages Stock Templates. By using this editor, you are allowed to drag and drop sections into a blank canvas. This is where you build out the content and apply a form for each specific landing page.

The landing page builder is a good way to create landing pages fast with zero coding experience. One detail to point out here is that Stock Templates aren’t as adaptive on tablets and mobile devices, so be sure to test them out prior to making them public.

Your other option is to create custom layout templates which give you a lot more flexibility when it comes to how your product will look, but requires coding knowledge (think HTML, CSS, Javascript) to get the look you want. 

To get you started, Pardot gives you access to five out-of-the-box layout templates. However, they’re pretty neutral, so if you want landing pages customized to your branding and design standards, you’ll need to invest some resources and build new ones.

You may have a front-end developer on your team to create the perfect layout templates for all of your landing page needs. If so, that’s great! This post is probably not for you. Go ahead and leverage them. 

If you’re here because your team is nibble and mighty but wears many hats, this post is meant for you!

Landing Page Design Challenges Pardot Admins Face

As a team that’s trying to do a lot with limited resources, here are some challenges you may be facing:

  • Creating thank you pages
  • Maintaining consistent branding
  • Personalizing landing pages for each event/webinar
  • Adapting and checking for mobile responsiveness
  • Testing your content

These challenges can definitely seem overwhelming for ANY Pardot admin who may not have prior experience creating landing pages. Luckily, this guide can help you make your own landing page (or website) edits with a few simple clicks to Pardot layout templates.

NOTICE: Some of these resources do require that you have basic HTML/CSS understanding to be able to use them properly and some of the options have paid versions for more access (you don’t need them to get started), but trust me, I’m here to bring you these blessings for free!


15 Resources to Bring Your Pardot Landing Pages to Life 

Basics

1. Favicons 

Add branding to your browser tabs by using this tool to generate favicons. Once you generate your favicon code, it can be added to your landing page and form layout templates to keep consistent branding across your website. Follow the instructions on the Pardot Knowledge Base to self implement.

2. Google Fonts

This resource outlines web-safe and free fonts you can use on your landing pages. The most popular fonts include: Fire Sans, Montserrat, Lato, Open Sans, Oswald, Raleway, and Roboto. To use these custom fonts you can find a guide on how to implement this on the Pardot Knowledge Base. Note: Custom fonts on landing pages act differently than emails (including how you set them up). 

3. Meta Tags

Generate code to create social media meta tags for Twitter, LinkedIn, Facebook, Pinterest, and Google.  Just plug in your site’s information to get started. Note: This method would likely require a new layout template per landing page in order to update it. 

4. Pardot-Content Regions – Landing Pages 

Pardot Content Regions give you flexibility to lock down content controls to users creating landing pages. Need content restricted? There’s a tag for that. Need content to be flexible with the full WYSIWYG editor? There’s a tag for that as well!

5. Responsive CSS Grid Fundamentals
This resource outlines the usage of the grid capability to make rows responsive. This is a fairly advanced topic (probably the most from this guide), but with a little bit of testing and “googling” you will become a master in no time!

Personalize 

6. Pexels

Spice up your landing pages with compelling images. This resource provides you with free commercial and personal use images. Simply search terms for your specific landing pages needs and select the best image.

7. Font Awesome

Search and find over 1000 custom icons with Font Awesome. These icons can be used to add context to your landing page offering. To use these, just grab the stylesheet provided and add it to your landing page layout template. Then you can reference the icons following the guide included on the Font Awesome website.

8. Color Schemes

Looking to add a little more color to your landing pages? Color Schemes is a great tool to create dynamic color palettes. To use this tool simply add your HEX or RGB codes from your branding guide and out goes the color series. Don’t know the color codes? Try their image to color generator.

Delight

9. Countdown Timers

Add a little flair and excitement to your emails, landing pages, and website with Countdown Timers. To use this tool, simply create a free account, add your timing, and then add the code to your landing page. Note: this can also be used in emails but be careful as there are limitations across email clients

10. Eventable (Calendar Invite Sharing)

Building landing pages for events or webinars held on specific dates? Use this tool to create Add-To calendar buttons, which can be added to your thank you pages, form thank you content or emails.

11. Social Cards 

This resource helps you generate code for a social card, no code involved. When you get to their website, there’s a short tutorial on how to set everything up. Basically, all you have to do is run through their generator and login to the right social media account to post. Currently, Twitter, LinkedIn and Facebook are available. Note: the description does not show up on LinkedIn.

Testing

12. HotJar

Gain insight into how traffic on your site moves around and where they click. With this information from HotJar, you’ll be able to test different layouts/content positioning to see which aspects of the page resonate with viewers. This is a great addition to Google Analytics (separate platforms / different metrics). Note: To use this tool you do need to set up an account, but you can use it for free while you test it.

13. JSFiddle Editor 

Use this resource to try out code, edit, and preview in real time. This is an opensource tool that can save you from a tight bind if you don’t have access to a classic editor like Adobe Dreamweaver. A desktop alternative is Atom (which plug can plug into GitHub if you need it).

14. Multivariate Testing Landing Pages

Multivariate testing is a  Pardot feature for landing pages that lets you test two versions of a landing page and choose a winner. This FAQs blog from Pardot  breaks down the difference between A/B testing and multivariate testing, what to test, and what reporting looks like. Use this documentation to set up multivariate testing in Pardot.

15. Responsive Design Checker

Test your landing pages’ responsiveness with this Responsive Design Checker, which allows you to review any online asset (landing page, forms, and websites) by screen size and different devices. To use this tool simply add a HTTPS link to the search bar and use the left panel to get real time previews. Note: It’s about 95% accurate, does not play well with websites heavily based on Javascript, nor will it work for your Pardot emails.


Spice Up Your Landing Pages

In the end, we all wish we could code beautiful landing pages from scratch. As marketers, we wear many hats and sometimes being able to make some quick changes here and there can enable you to support your team on the fly. If you don’t have the luxury of an in-house designer, these resources should help get you where you need to be.

What are your favorite go-to landing page resources?

Do you need support building your own customized landing page templates? Our development team is ready to invigorate your landing page designs and add the functionality you need. Reach out to us here to get started.

The post 15 Resources To Make The Most Of Your Landing Pages: The Ultimate List for Pardot Admins appeared first on The Spot For Pardot.

By |2020-06-17T13:20:44+00:00June 17th, 2020|Categories: Uncategorized|

COOOOO-KIEEEES: Preparing for Google Chrome 80 and Pardot HTTPS Updates

BY NATASHA WETTEN

If you’re a Pardot Admin, you might’ve received an email recently that either made total sense or perhaps went quickly into the “deal with it later” email pile. It’s about — jargon alert — “SameSite cookie attributes,” and we’ll tell you exactly what you need to do.

In February 2020, Google is releasing Chrome 80, which will impact the behavior of third-party cookies. Basically, Chrome is going to require that third-party cookies, like those used by Pardot and many other web technologies, need to be served over secure connections. There’s a Chromium blog post here with an overview, and a REALLY TECHNICAL document here.

To avoid issues tracking prospects on your Pardot tracker domain, you’ll need to enable HTTPS and SSL, but in the right way! There are some “gotchas” here, so let’s dive in.

First, check on your tracker domains.

  • In Pardot open your “Domain Management” page
    • In Classic this is under Admin >> Domain Management
    • In Lightning this is under Pardot Settings >> Domain Management
  • Under “Tracker Domains” check the “SSL Status” and “HTTPS Status” columns for each of your domains. 
    • If you see a lot of green, you are all set!
Green, as usual, is good.
  • If you see a grey “HTTP” Status or your “SSL Status” says “Disabled”, you need to take action.
Grey – not so good.

Here’s where the gotcha comes in. Before you update, check your landing page template for mixed content. 

If you enable HTTPS for your primary tracker domain, but you have active landing pages that include HTTP Pardot-hosted assets (think: images, .css files), then your landing pages will not look as intended. It’s because of mixed content.

Next, check your templates.

If you’re about to or have recently enabled HTTPS, audit your existing landing page templates in Pardot and update any hosted assets within those landing page templates that are currently “http” to “https” within the code.

Pro tip: use the search bar to help, enter “http:” to find each one you need to update.

Like this:

Once you have done that for all of your active landing page templates, you can now turn on HTTPS inside of Domain Management.

Another pro tip! After you switch to HTTPS, spot check some of your landing pages to make sure nothing looks off. If it does, go to the landing page template that is powering that landing page and comb through to make sure all instances of HTTP are updated to HTTPS.

Next: Check your iFrames and any Pardot-hosted content.

If you are using Pardot forms on your website through embedded iFrames, check the code. If you see “<iframe src=”http://…“ then switch out the http for an https, like below:

That goes for any content hosted in Pardot as well. For example: You have a direct link to a PDF on a thank you page that’s on your website, and it’s using your tracker domain because you want to track clicks – “http://go.yoursite.com/awesome-pdf-everyone-wants-to-get” – yep, this needs to change to https as well.

A final note: make sure you’re using SSL for your website domain

If you’re not currently using SSL for your domain, you will need to. Without it, the Pardot cookie will not get served to your website visitors after the update and effectively get eaten by SameSite! Also, this is best practice: Google is flagging sites that don’t use SSL, and is ranking secured sites higher in results.

Secondly: once you chance to SSL, you still might have absolute links on your site that are using http. You can use a site like https://www.jitbit.com/sslcheck/ to find any SSL errors.

That’s a lot – and as you can see, the issue can extend beyond Pardot. If you need assistance or have any questions, let us know in the comments.

By |2020-01-22T20:47:25+00:00January 22nd, 2020|Categories: Uncategorized|