Genesis Sales Page Template Simplified and Beautified
After multiple requests, I’ve finally gotten around to sharing my Genesis Sales Page Template that I use across all of our sites. A number of people have come to me and said they weren’t in love with the layout/design of the “out of the box” landing page template included in the Genesis theme and most Genesis child themes.
I agree, which is why I created my own custom page template to my liking. Here are two real-life examples of the template hard at work:
I’ve also included an option to have a header bar at the top with a logo/name and other important links like you see below…
I assume you have a bit of an understanding of how to maneuver around inside your Genesis theme or child theme. It’s sorta required to make this work.
If I get enough interest, I’ll put this all together in a WordPress plugin to eliminate having to deal with code. If that interests you, leave me a comment below.
For now, here’s what you’ll need to do…
How to Configure Your Genesis Sales Page Template
Take the code below and upload it as a file to your theme’s directory.
The next step is to take the CSS code below and paste it into your theme’s style.css file.
If you want to include the top header bar (on ALL of your sales pages) just remove the comment marks in the page_sales.php file on lines 40 and 55.
If your theme already includes the Google Fonts Lato and Satisfy you can remove that section of code (lines 14-21).
I use the Satisfy Google font for my signature at the end of my sales letters.
That’s really all there is to it. There’s of course tons of ways you can customize this… have fun!