Display an Email Signup Form After Blog Posts

It’s no secret that one of the biggest keys to success for growing your business is email marketing. While it might seem old-fashioned compared to social media, the effectiveness of email marketing can still be huge.

Of course you need to make sure you’re doing it right, so be sure to build trust by giving your subscribers something of value.

Genesis has made the process of collecting emails simple. With a few lines of code and a plugin, you’ll be on your way to building your business.

Enabling the After Entry Widget

After releasing a number of StudioPress themes that included an after entry widget are that we registered via the theme and a custom function, we decided it was time to make that even easier to do.

We added code inside of Genesis that does all of the dirty work for you, so all you need to do is place the code below into your theme’s functions file:

This code will register the after widget area for you, and place it directly onto the genesis_after_entry hook.

Adding the Genesis eNews Extended Widget

The next step in the process is quite simple as well. Download and install the Genesis eNews Extended plugin on your website.

For those of you who are unfamiliar, this plugin creates a new widget to easily add mailing lists integration to your Genesis-powered website. Email providers supported include FeedBurner, MailChimp, AWeber and FeedBlitz.

Once you have activated the plugin, go to the Appearance > Widgets screen in your dashboard and place the Genesis eNews Extended widget into the after entry widget area.

Now you can configure the widget options based on your email provider and customize text for input boxes and submit buttons.

Styling Your Email Signup Form

At the bottom of my blog posts you will see that I’ve placed an email signup form. I’ve styled the form a bit through my theme’s style sheet in order to get it to look the way it does.

Below is the CSS that I used on my form, which should give you a place to start on styling your own email signup form.

Enabling theme support for the after entry widget area results in the widgets being placed into a container that has the .after-entry class applied to it.

Obviously the CSS that you see above is customized to match the look of my site, so you might need to add/remove some of what you see.

I hope that you enjoyed this Genesis tutorial. I have also published a list of Genesis code snippets, so feel free to use anything you see there.

Get the Good Stuff

If you're interested in web design or the Genesis Framework, here's where you take the next step in growing your business. I'll be writing about my experiences with these topics.

Sign up for immediate access to the following:

  • Genesis Simple Share Plugin
  • Minimalist Theme for Genesis
  • Mobile First Theme for Genesis
  • Quote Graphic PSD

You will also be notified every time I publish on my blog.

Want to get FREE content? Click here to register.

Comments

  1. says

    Thank’s, made changes according to your guide and all works perfectly.
    Searching for a long time for social share buttons like yours with no luck… Can you help with it?

  2. santel Phin says

    Hi Brian,

    Thank for sharing good tips for Genesis users. It is very useful. I hope you could think of how to make sharing sharing widget ready! It would make our life more easy with this feature.

    There are many plugins out there but we don’t know which one is good or compatible with Genesis framework.

    I tried a few plugins in the past, some are not so friendly with genesis framework. When we move mouse over to share, we can’t see the popup windows etc.

    I do hope you consider add this feature in the future.

    All the best!

    • says

      Nope, it does not. You’d have to go the old school way of registering a widget area, and then hooking it after the entry with a function. (Or just use the Genesis Simple Hooks plugin.)

Thoughts

Your email address will not be published. Required fields are marked *