Pardot is a top landing page creator that many professional web designers use to make incredibly attractive landing pages. The company recently added a new feature – responsive web pages.
What is a responsive web page?
A responsive web page is a web page that appears attractive, regardless of the medium it is displayed on. This is especially important as more people access websites from mobile devices.
Mobile devices have smaller screens than laptops and desktops. You cannot view as much data on a mobile phone or tablet as you can on a laptop or a desktop.
Instead of having to create different websites for the desktop and mobile environments, a responsive website reorders itself to look great on all screens.
This was perhaps one of the most important features that Pardot was missing, but it is fully in place now. Here is how you can make your Pardot landing pages responsive.
How to Make a Pardot Landing Page Fully Responsive
The first thing that you must do to create a responsive Pardot landing page is to find the page developer. Pardot has made the responsive part of the UX fully integrated, so there is no huge change that you have to access.
You will need to start with a responsive template. This will keep you from having to code responsiveness into the page.
Once you have selected a template that is responsive, then you can simply drag and drop the elements that you want into the page interface. This has always been very easy with Pardot.
In order to make sure that your page elements show up as you think they should, make sure to access the desktop and the mobile view. This will show you exactly how each piece will show up in each medium. You can work from the mobile view if you so choose.
Many web designers choose to work from this view because it is the smaller of the two. If you can fit something into the mobile view, you can be sure that it will fit into the desktop view. This is not necessarily true the other way around.
Creating a Professional Landing Page
Just because you have the tools to create a fully responsive landing page does not automatically mean that it will look good! Pardot does its absolute best to ensure that you have every tool that you need. This does not mean that Pardot can make up for a lack of artistic talent.
There are some tried and true design best practices that you can use to create a responsive website that adheres to professional standards. Here are some of the most important practices that you can implement immediately, regardless of your previous expertise with web design.
White space is an important part of all web design, responsive or not. You need to ensure that you have enough space between elements so that they will not get confused.
One of the best web pages on the internet (some would argue this is the best page) is Google’s homepage. It is one of the simplest web pages on the internet as well. This is not a coincidence. Google does not try to impress you with all kinds of crazy, articulate designs. They bring you a service, and the white space directs you right to it.
The Google website also looks great on the desktop and in the mobile environment. Take this into consideration when you design your own website.
The best web pages have a singular purpose. Beginner web designers try to put everything on one page. It is better to have many pages, all with one purpose, than it is to have one page with 15 buttons.
Make sure that your web page has something to draw the eye. Everything else that is on that page should point to the central item. You can accomplish this through white space, but you can also accomplish it through gradated content that gets more intense as it approaches the central item.
Fortunately, with Pardot, you do not have to know any coding in order to create a fully responsive web page! However, it is good to know some basic commands so that you can easily change the page around if you need to.
Do not go too deep into the code, however. If you are a beginner, then you may be better off simply choosing another template that is closer to the idea that is in your head.
Make sure that you have the same theme moving through all of the web pages that you make. You can do this by not using too many fonts, colors, or object sizes.
Creating a responsive website will definitely help you in this regard. If you make your website from the mobile view, you will be able to see exactly how your fonts and images work with each other in close range.
You must be sure that your item sizing works in both environments. Certain elements may shrink or expand depending on the view that you are using. Make sure that you look at your site from both views in order to ensure every element on your page can be seen.
Fonts are perhaps the most important aspect of your website here. Because your text is the element of your site that will direct the attention and action of your user, it is essential that your end user see it at all times.
Do not start out with extremely small or extremely large text for best results.
Once you have a Pardot landing page that is fully responsive, you will have many advantages in the digital market. One, your pages will be attractive no matter how your end users access them.
Just as importantly, your pages will rank better in Google and in the rest of the major search engines. In case you didn’t know, responsive websites are the only ones that are NOT punished by Google!
Priyanka heads the Client Servicing team at Wehelpforce. She has been helping Nonprofit organisations for the last 12+ years to create and implement strategic solutions based on cloud technology, specializing in Salesforce.com. She specializes in implementing successful fundraising programs, working with NGOs of all sizes and helping them build strategy to track their donors, projects and volunteers information which becomes overwhelming to manage as the Nonprofit grow.