How to Create a Custom Template for Lead Capturing in Genesis

Generating leads via website is not a new technique and it has worked wonders for many businesses starting from B2B to SaaS.

If you’re using Genesis Sample theme, creating a custom template for lead capturing is super easy.

In this guide, I’ll create a custom template in Genesis Sample, and register a widget area for displaying Genesis eNews Extended plugin.

Note: The lead capturing page is pretty much like a landing page. So, in Step #1, we’ll do the following things in this template:

  • Add a body_class for customization
  • Use a full-width layout
  • Remove all the distractions such as header elements, navigation, breadcrumbs, footer widgets, and footer elements
  • Hook the lead capture widget area
  • And, finally, run the genesis(); loop

Step #1: Register a Widget Area for Genesis eNews Plugin

Add the following code to your functions.php file

https://gist.github.com/topleague/aa92dd284820c841b305b31e51d4f4db

Step #2: Create a Custom Template for Lead Capturing

Create a file within your child theme folder and name it page_lead_capture.php. Copy and paste the code given below.

https://gist.github.com/topleague/d21b9d6f0a3212a8c112981fb2ed1638

Step #3: Add CSS to Customize the Look

Add the following CSS code to the bottom of your style.css file or inside “Additional CSS” widget of WordPress Customizer.

https://gist.github.com/topleague/ab514937b7409fcf10c115bfdb2b2306

Step #4: Add Genesis eNews Extended Plugin

Go to Appearance > Widgets and drop the Genesis eNews Extended Plugin inside the Lead Capture widget area. Set up the plugin as required and you’re done!

Let me know if you have any questions.