Mailchimp form code

[Klarity]

I’ve tried loads of things but still can’t work it out.
I think Kyle is taking a look – fingers crossed he can work it through!?

Cheers,

[Kyle – SUPPORT]

Check now, there’s some serious caching going on on your site, I need you to clear it so you can see the changes

– Kyle

[Klarity]

Hi Kyle,

Not sure what you did but this seems to work great!
I cleared all the Caching etc and re-enabled it to test. everything seems fine now.

Thanks so much for the help!

[Kyle – SUPPORT]

Ok great

– Kyle

[Joni]

Hi guys, I posted earlier in this thread about similar issue and havent been able to fix it yet. Was there any solution to this that you could share?

Thanks.

[Kyle – SUPPORT]

Add this to your custom css:

#sf-newsletter-bar .sub-code form > input[type="email"] {
  height: 44px;
  line-height: 44px;
  margin: 17px 0;
  vertical-align: top;
  width: 50%;
}
#sf-newsletter-bar .sub-code form > input[type="submit"] {
  background: none repeat scroll 0 0 transparent;
  border-style: solid;
  border-width: 2px;
  height: 44px;
  margin: 17px 0 17px 10px;
  padding: 10px 24px;
  text-shadow: none;
  vertical-align: top;
}

– Kyle

[Joni]

Hi Kyle,

Pasted the code to custom CSS but no apparent change.

-Joni

[Rui Guerreiro – SUPPORT]

Hi @Joni,

Try to place Kyle code at the beginning of the custom css field, because you could have some syntax error your current css code.

What is your url for the Atelier site?

Also try to clear the cache.

-Rui

[Joni]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Couldn’t figure it out.

Will need admin access to check the css, the content of the banner, etc.
Use the private reply.

-Rui

[Joni]

Hey, here’s the admin login…

User: Joni
Pass: J0mian71

[Rui Guerreiro – SUPPORT]

Hi,

You add this inside the Newsletter field
[mc4wp_form]

In our demo site this is what we use.

<form action="//swiftideas.us2.list-manage.com/subscribe/post?u=a3950048c69f7be72a27013a9&id=68a002176a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
	
	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" autocomplete="off" placeholder="Enter your email address" title="Enter your email address">
	
	<div id="mce-responses" style="display: none;">
		<div class="response" id="mce-error-response" style="display:none"></div>
		<div class="response" id="mce-success-response" style="display:none"></div>
	</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_a3950048c69f7be72a27013a9_68a002176a" tabindex="-1" value=""></div>
    
    <input type="submit" value="SUBSCRIBE" name="subscribe" id="mc-embedded-subscribe">
    
</form>

You just need to adjust the values of the form. If you check your site now it looks fine this way.

-Rui

[reelism]

Hi, I followed: http://www.swiftideas.com/knowledgebase/replicate-the-newsletter-bar-form/ it looks fine, but on submit it loads a 404 mailchimp page:
‘Come, Watson, come! The game is afoot.
You’ve stumbled upon a missing page, but the evidence is elementary. We’re on the case.’

My code (as per : http://www.swiftideas.com/knowledgebase/replicate-the-newsletter-bar-form/ ):

<form action="http://specialistcosmeticsurgery.us1.list-manage1.com/subscribe/post" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
	
	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" autocomplete="off" placeholder="Enter your email address" title="Enter your email address">
	
	<div id="mce-responses" style="display: none;">
		<div class="response" id="mce-error-response" style="display:none"></div>
		<div class="response" id="mce-success-response" style="display:none"></div>
	</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_a3950048c69f7be72a27013a9_68a002176a" tabindex="-1" value=""></div>
    
    <input type="submit" value="SUBSCRIBE" name="subscribe" id="mc-embedded-subscribe">
    
</form> 

And the other essential details as per Mailchimp guide, but couldn’t get working via their guide:

<form action=”http://specialistcosmeticsurgery.us1.list-manage1.com/subscribe/post&#8221; method=”POST”>
<input type=”hidden” name=”u” value=”d00a020132987d643599221ca”>
<input type=”hidden” name=”id” value=”94cac780bf”>

name=”MERGE0″ id=”MERGE0″

[reelism]

Ok, after quite a few failures, got it working with this code:

<form action="http://specialistcosmeticsurgery.us1.list-manage1.com/subscribe/post" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<input type="hidden" name="u" value="d00a020132987d643599221ca">
<input type="hidden" name="id" value="94cac780bf">
	
	<input type="email" value="" name="MERGE0" class="required email" id="MERGE0" autocomplete="off" placeholder="Enter your email address" title="Enter your email address">
	
	<div id="mce-responses" style="display: none;">
		<div class="response" id="mce-error-response" style="display:none"></div>
		<div class="response" id="mce-success-response" style="display:none"></div>
	</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_a3950048c69f7be72a27013a9_68a002176a" tabindex="-1" value=""></div>
    
    <input type="submit" value="SUBSCRIBE" name="subscribe" id="mc-embedded-subscribe">
    
</form>

[Rui Guerreiro – SUPPORT]

Great. Glad you sorted it.
-Rui