Sridhar Katakam

Genesis and WordPress Tutorials

  • Thanks so much for this. Easy to follow, but it’s only showing the submit button and email field. The first name field is missing and the background color of the widget doesn’t match my site’s background. What did I do wrong?

    Reply

  • I was thrilled to find this and proceeded to install, make the adjustments etc.

    But when I tested the form with the javascript from aWeber I got the following error message – on a separate page:

    Not Acceptable!
    An appropriate representation of the requested resource could not be found on this server. This error was generated by Mod_Security.

    I’ve used the same javascript in a text widget on the Blog page and it works. Also in a text widget in footer 1 on the home page and that works too.

    So it seems it’s just the setup with enews that is problematic.

    Site is http://blogfromthebeach.com

    Reply

  • Hi! Thank you so much for this post. Is there any way to add a horizontal opt-in form to the site tagline area in the Minimum Pro theme instead of adding a new content area below it? Thank you so much!

    Reply

  • Hi I was wondering if it is possible to put the enews extended optin form in the middle of a post. For example just after a video but before a lot of text. Is this possible?
    Thanks.

    Reply

  • hi,
    great tutorial. I like to add it but cannot get it to work.
    Does it matter where in the file functions.php include the ‘Display widget area content in homepage’?

    Reply

      • wow great, thanks,
        and what if I still want the behavior for smaller screens to have full wide field and button like:

        @media only screen and (max-width: 500px) {
        .horizontal-optin .enews-widget input {
        width: 100% !important;
        margin-bottom: 1rem;
        }
        }

        Reply

        • Add

          @media only screen and (max-width: 568px) {

          .horizontal-optin .enews-widget input {
          width: 100% !important;
          margin-right: 0;
          margin-bottom: 1rem;
          }

          }

          BELOW

          the earlier CSS for desktops.

          Reply

  • Sridhar,
    Is there a simple way to be able to insert a horizontal optin form directly into the content of a page? I’d like to add multiple optins throughout my About page and some other pages as well.

    Reply

  • Hello, for some reason there are two issues with the code.

    1. The form is not linking to the signup process. I am using enews with a mailchimp signup URL and when clicking on the link, nothing happens.

    2. Which code can I use to align the signup button more with the form fields.

    Thank you again

    Reply

  • Please delete my comments above. I am using the centric pro theme and the changes were needed on the frontpage.php and also edits to the css file for the specific enews widget. It required numerous changes which are different from your original tutorial. I am almost complete so please delete the above comments along with this one. Thank you for the tutorial.

    Reply

  • Hey Sridhar, I am trying to add the form to pages as well as the home page…

    function sk_optin_below_header() {
    if ( is_page( array( 10,2, ‘about’ ) ) && is_active_sidebar( ‘home-optin’ ) ) {
    printf( ”, genesis_attr( ‘horizontal-optin’ ) );
    genesis_structural_wrap( ‘optin’ );
    genesis_widget_area( ‘home-optin’ );
    genesis_structural_wrap( ‘optin’, ‘close’ );
    echo ”;
    }

    If I add is_home to the array it doesn’t work or if I just add ‘home’ or ‘1’…What am I missing here?
    }

    Reply

  • Hi Sridhar,

    Thanks for your code. It looks great on my site: http://yourwellnessexpert.com/

    However, I am having an issue when I test the opt-in form by entering my first name and email (in appropriate fields) and click the sign up button, I am redirected to a mail chimp page that says “There are errors below, blank email address” and I have to reenter my email address. See page sample here:

    http://healthyrootsnaturalmedicine.us6.list-manage.com/subscribe/post?u=0a8a639bade8390ebf707782c&id=0c491417fc

    Any suggestions on how to fix this error?

    Thank you in advance,
    Jeff

    Reply

    • I experimented a little and added the word EMAIL to the email field in the e-news widget. Seems to work now. Thanks for the great idea!

      Jeff

      Reply

  • Got this form to work perfectly!
    Only question is finding a way for people to collapse it if they’re already subscribed or just want to hide it on the screen. I want it to show up by default, otherwise I’d add a collapse-o-matic code or something.
    Thank you!

    Reply
    • >