Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #12032

    I am tring to get a mailchimp subscribe form to be on the right hand corner above the nav and am not usre how to do this. Please see www,psweb-test2.co.uk.

    I have the mailchimp code for the sign up form but not sure hwat to do as I am fairly new to wordpress, can you help ?

    <!– Begin MailChimp Signup Form –>

    <link href=”http://cdn-images.mailchimp.com/embedcode/slim-081711.css” rel=”stylesheet” type=”text/css”>

    <style type=”text/css”>

    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }

    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.

    We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

    </style>

    <div id=”mc_embed_signup”>

    <form action=”http://whitefix.us2.list-manage.com/subscribe/post?u=1b9487a1ca10779530798515a&id=86bf1e6c2f” method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank”>

    <label for=”mce-EMAIL”>Subscribe to our mailing list</label>

    <input type=”email” value=”" name=”EMAIL” class=”email” id=”mce-EMAIL” placeholder=”email address” required>

    <div class=”clear”><input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”></div>

    </form>

    </div>

    <!–End mc_embed_signup–>

    #74004

    Hi,

    In order to add the form you would need to open the header.php and add the code from above below this line:

    <!-- Navigation for Pages starts here -->
    <?php
    wp_nav_menu( array( 'menu' => 'Main',
    'container' =>false,
    'menu_class' => 'nav',
    'echo' => true,
    'fallback_cb' => 'kriesi_fallback_menu',
    'before' => '',
    'after' => '',
    'link_before' => '',
    'link_after' => '',
    'depth' => 0,
    'context' => 'frontend',
    'walker' => new kclass_description_walker())
    );
    ?>

    Now you’ll want to add this part of your code above

    <!-- Begin MailChimp Signup Form -->
    <link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
    We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
    </style>

    to either your style1.css, style2.css or style3.css depending on which skin you’ve chosen. After you’ve done that you’ll need to adjust the #mc_embed_signup DIV so it will be inline with the menu such as adding float:right;.

    Alternatively, you could use the MailChimp plugin (http://wordpress.org/extend/plugins/mailchimp/) and add the code to a widget instead so you don’t have edit any templates.

    Hope this helps!

    Regards,

    Mya

    #74005

    Hi all, same request: I surely can use the MailChimp plugin but I’d like to have it in my top menu not in the sidebar. The same for Reserved Area. How can I add widgets to my top menu?

    Thanks.

    #74006

    Hi gianmarizzi,

    You would need to look into a freelance developer for that kind of customization as it will take a good bit of adjustment once you’ve widgetized the header.

    Regards,

    Devin

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Mailchimp Subscribe in Header o’ is closed to new replies.