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

brandiD

Making the Web More Personal

  • About
    • About brandiD
    • Meet The Team
  • Work With Us
    • Personal Brand Platform
    • Business Brand Platform
    • Personal Branding for Women
    • Authority Building
    • Membership & Course Platform
    • Website Design & Development
  • Our Work
    • Brands and Logos
    • Testimonials
  • Blog
    • Resources
  • Podcast
  • Contact

Horizontal Opt-ins with Genesis eNews Extended

Here at brandiD, we frequently get compliments on the styling of our horizontal opt-in areas. These are the call-to-action areas that we build, usually under the opening website banner on the homepage or in the footer of every page on a website. It’s a nice way to provide a sign-up form without taking up a lot of space, but almost none of the mailing list services provide this kind of styling out of the box. It is possible to use a combination of HTML and CSS tricks to manipulate the form embed code into this layout, but as a lot of plugins also provide form styles, there can be conflicts, and method for each newsletter service is different.

Hello! Pro Homepage

We recently released the Hello! Pro theme which now includes this feature, and works with the Genesis eNews Extended plugin, meaning that you can use this same system for a variety of services (Feedburner, MailChimp, Aweber, FeedBlitz, Constant Contact and more). Hello! Pro already has this code and is ready to use, but the following tutorial will work with other Genesis child themes and the eNews plugin.

Screen Shot 2016-05-17 at 8.34.04 PM

Step 1 – Install Your Genesis Parent and Child Themes and the Genesis eNews Extended Plugins according to their documentation.

Step 2 – Connect the eNews plugin to your subscription service (directions can be found on the plugin site) and put the widget into the widget area that you wish to style.

Step 3 – Enter your give away text (PUT YOUR OPT-IN COPY HERE!) in the field that says “Text To Show Before Form:”

Step 4 – Add this CSS code to your style.css. This code assumes a widget area called “home-cta” change the CSS class to match the name of the widget area in your child theme. It should be a full-width widget area in order for this to work.

Also note that there are media queries included in this CSS to style the mobile versions so you may want to adjust these according to the “break points” of your specific child theme.

Filed Under: Email Marketing, General, StudioPress / Genesis, Website Design, WordPress

Reader Interactions

Leave a Reply Cancel reply

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

Primary Sidebar

  • Interested in

    insights and tips
    to build your brand and business?

  • This field is for validation purposes and should be left unchanged.

Ready to uncover

Your Personal Brand?

Buy the book, "Build Your Brand: The Distinctive Guide to Soul-Based Marketing".

Buy Now

What’s your

brand persona?

Take the free Personal Branding Quiz and uncover what makes YOUR brand memorable.

Take the quiz

In the

Media

Listen to brandiD founder Rachel Gogos on EOFire.com

Listen Now

Build a business that

gets noticed online

Download the free SOULiD Framework guide to Personal Branding and start building your brand today.

Grab the guide

Award: Top Blog 2020

We’re excited to help you achieve your next level of success.
Contact us
today and together we’ll make the
magic happen.

Footer

724.260.0026 — info@thebrandid.com
Privacy Policy | Terms of Service | Client Login
  • Email
  • Facebook
  • LinkedIn

Copyright © 2022 | Made with | All Rights Reserved.

Get the Editorial Content Calendar

Our editorial calendar serves as a system for scheduling, planning, and outlining the content you want to share across your connection platforms over a given length of time.

  • Enter your information below to get the link sent directly to your email!

  • If your business, organization, or project already has a domain or website, please share the URLs here or put "none" if you don't yet have a domain.
  • Tell us as much as possible about your challenges, goals, and what we can help you with (Personal Branding, Logo Design, Web Design and Development, Copywriting, Online Authority Building, etc).
  • If your budget is under $5,000, check out do-it-yourself options in the the brandiD Themes
  • Please provide best number to reach you at.
  • This field is for validation purposes and should be left unchanged.