Do you like the opt-in form I’ve placed at the end of my posts, in the sidebar and in the footer offering something exclusive to my readers? If yes, then this article is for you – I’ll show you how to create these opt-in forms at different places of your blog or should I say customize Genesis ENews Extended.
Note: This tutorial will work only on Genesis theme because I’ve tested it myself (I’m using a StudioPress theme, so it’s personally tested by me) and I’m not sure if they’ll work on any other theme.
If you’re on a Genesis theme and wanting to place an opt-in form for your readers to sign up, this tutorial will help you create those boxes.
Step-By-Step Guide to Customize Genesis eNews Extended and Create a Beautiful Optin Form
First, download and install the Genesis ENews Extended Plugin.
Now, go to Appearance > Widgets > drag the Genesis – ENews Extended Widget and place it to the section you want. For example, I’ve placed mine in the After-Entry section. However, you can place it in the Primary Sidebar or the Footer.
Next, type the text you want to show above the form. For example, you may write something like, “Enter your Name and Email below to Get Exclusive Updates”.
In the Form Action field, enter the form action provided by Feedburner/Aweber/Mailchimp/Getresponse – <form action=”COPY JUST THIS PART”>.
In the Email Field and First Name field, enter “email” and “name” respectively.
For the Hidden fields, enter <input name=”FEEDID” type=”hidden” value=”UNIQUE VALUE” /> <input name=”PUBLISHER” type=”hidden” value=”UNIQUE VALUE” />. You can find this in the HTML code provided by your email-marketing provider.
Now, click Save.
If you visit the site now, you can see an opt-in form.
Now, if you want to customize the form like mine, open style.css and place the code below.
If you’ve placed the Genesis ENews Widget in the After-Entry section, add the following to your stylesheet.
If you’ve placed the Genesis eNews Extended Widget in the sidebar or the Footer, enter this code in your stylesheet.
Please note that you’ve to create and upload a png image in the images folder you want to run in the background.
The Output For After-Entry