Mailchimp/Newsletter Bar displaying weird

[GTS75]

I have the newsletter bar disabled right now, but when I tried to input the form code from Mailchimp I’m not getting it to display properly on the front end. I want it like the demo… with “Join & Save 15%” on the left, the email field box in the center and the submit button on the right.

Here’s the code I was using:

<form action=”//GTSclothing.us6.list-manage.com/subscribe/post?u=002e4f0740091545bef9cee39&id=1e9283bf74″ method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>
<div id=”mc_embed_signup_scroll”>

<div class=”indicates-required”><span class=”asterisk”>*</span> indicates required</div>
<div class=”mc-field-group”>
<label for=”mce-EMAIL”>Email Address <span class=”asterisk”>*</span>
</label>
<input type=”email” value=”” name=”EMAIL” class=”required email” id=”mce-EMAIL”>
</div>
<div id=”mce-responses” class=”clear”>
<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_002e4f0740091545bef9cee39_1e9283bf74″ tabindex=”-1″ value=””></div>
<div class=”clear”><input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”></div>
</div>
</form>
</div>

It’s probably the wrong code, but I was getting confused looking through the different topics that have been posted about this.

I can provide Mailchimp & WP login info.

[Rui Guerreiro – SUPPORT]

Hi,

This is what we have in our form/code inside the newsletter option.

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

Try to use it has a model and step by step change to your data.

-Rui

[GTS75]

Thanks Rui! I was able to figure it out using your code. It looks great on my site – however the demo form content didn’t include how to add those new signups to a specific Group within Mailchimp. Are you able to help me with how to add code to include a specific group to add the new subscribers to? I can provide login details if necessary.

Thanks

[Kyle – SUPPORT]

Hi

When you create a list on mailchimp, click ‘create form’, you don’t need to actually build the form, just click ‘get code’ and copy the action url. You need to replace:

<form action="//swiftideas.us2.list-manage.com/subscribe/post?u=a3950048c69f7be72a27013a9&id=68a002176a"

– Kyle

[GTS75]

Okay thanks Kyle. I found the code and swapped it into your demo code. Everything looks great on the front end however when I enter an email address and click submit, it just opens the current page again in a new tab. Here’s the code I’m using:

<form action”http://gtsclothing.us6.list-manage.com/subscribe?u=002e4f0740091545bef9cee39&id=1e9283bf74&#8243; 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>

What am I doing wrong?

http://gtsclothing.com/

[Kyle – SUPPORT]

The form action should not contain http:// should just be <form action"//gtsclothing.us6.list-manage.com/subscribe?u=002e4f0740091545bef9cee39&id=1e9283bf74"

– Kyle

[GTS75]

I updated that and it still doesn’t seem to be working. Here’s what I’ve got:

<form action”//gtsclothing.us6.list-manage.com/subscribe?u=002e4f0740091545bef9cee39&id=1e9283bf74″ 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>

It was processing the opt in when I was using my original code…any other ideas as to what I could be doing wrong?

[Kyle – SUPPORT]

I’m not sure, seems fine to me. Please contact Mailchimp and ask them if the code is correct

– Kyle