Mailchimp Subscribe in Header o

4 posts from 4 voices

• Started 1 year ago by condonpb
• Latest reply from Devin
• This topic is not a support question

Tags:

• MailChimp

1. 

   condonpb
   Member

   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-->

   Posted 1 year ago #
2. 

   Mya
   

   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

   Posted 1 year ago #
3. 

   gianmarizzi
   Member

   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.

   Posted 2 weeks ago #
4. 

   Devin
   Moderator

   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

   Posted 2 weeks ago #

RSS feed for this topic

Reply

You must log in to post.