• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Click To Subscribe Genesis eNews Widget In Popup

This code creates a popup widget which you can populate with the Genesis eNews Subscribe widget. When you click the link or button, it darkens the screen and displays the form like you see in the following animated image.

click-to-subscribe

The code works in any theme and is tested in the Genesis Sample child theme by StudioPress.

Widget Setup

Simply populate the Popup Subscribe widget area with 2 widgets.

  1. A text widget which includes HTML for your content ( sample HTML included ).
  2. The Genesis eNews Subscribe widget which connects to your email list provider and works in any theme ( including non Genesis themes ).

widgets

Code Installation

There’s 5 steps:

  1. Add the CSS to the end of your child themes style.css file.
  2. Add the popupform.js file to your child themes js folder.
  3. Add the PHP code to the end of your child themes functions file.
  4. Add the HTML code for the link anywhere you like in your theme.
  5. Add the rainbow-border.png to your child themes images folder

Tracking Clicks

Simply track clicks using Google Analytics New Campaign URL Builder or Simple URL’s

Here’s the code for logged in members:

Register for full access

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.