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

WP SITES

2787

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Code To Make Your Own Popup Form

The code in this tutorial is designed to make adding a email subscribe popup form as easy as it can possibly be.

On top of that, the code is very easy to install with simple, step by step instructions.

And, you’ll get sample CSS to style the form which you simply copy and paste into your own child themes style sheet.

Then you can easily modify the CSS to your own liking.

popup

For manual creation of a popup form, i doubt you’ll find a easier solution.

Whats Included

  • The jQuery and CSS for the blank popup form container
  • The HTML in a PHP function for the form
  • MailChimp CSS to style the form

Code Installation Instructions

Register for full access

Related Tutorials

  • Close Add To Cart Popup Modal After Specific Time – WooCommerce

Reader Interactions

Comments

  1. crazydude says

    March 27, 2015 at 1:53 pm

    ohh this looks great to
    Thanks

    Log in to Reply
  2. John Huotari says

    January 18, 2015 at 5:17 pm

    Brad,

    I love this idea, and I want to try to modify it to create a pop-up box for readers, encouraging them to subscribe to our website via PayPal if they enjoy our content. Have you ever tried anything like that? Also, would there be a way to not display the pop-up box if the reader is already a subscriber?

    Thank you,

    John Huotari

    Log in to Reply
    • Brad Dalton says

      January 19, 2015 at 8:53 am

      Update: If you look in the files of any of the popular popup form plugins, you’ll see an enormous amount of code compared to what this post includes.

      Very easy to a add PayPal HTML to the code.

      To not display the box for existing subscribers, you would need to connect to the API of your email service provider. There are many plugins which already do this and some already include popup forms like MailChimp and Aweber.

      Log in to Reply

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.