Stripping out Buttons from Email Subscription Widget

[socialmeditate]

For some reason Supreme is stripping out the button from my email subscription widget. I have tried posting this HTML code in both the widget section and as HTMl in the blog.

The text field plus the from to enter email address appears, but the button to submit is not.

Please advise, as I will need to add additional calls to action like this.

<!– Begin MailChimp Signup Form –>
<link href=”//cdn-images.mailchimp.com/embedcode/classic-081711.css” rel=”stylesheet” type=”text/css”>

</style>
<div id=”mc_embed_signup”>
<form action=”http://disruptrev.us7.list-manage2.com/subscribe/post?u=ffb6e9359e9f92ff7cb2d496f&id=784189bb4b&#8221; method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>
<h2>Subscribe Now For Exclusive Interviews & Special Offers</h2>
<div class=”mc-field-group”>
<label for=”mce-EMAIL”>Email Address </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> <div class=”clear”><input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”></div>
</form>
</div>

[Cosmin – SUPPORT]

You don’t need to import the CSS from them, this will suffice:

<div id="mc_embed_signup">
<form action="http://disruptrev.us7.list-manage2.com/subscribe/post?u=ffb6e9359e9f92ff7cb2d496f&id=784189bb4b" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
	<h2>Subscribe Now For Exclusive Interviews & Special Offers</h2>
<div class="mc-field-group">
	<label for="mce-EMAIL">Email Address </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>	<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>

Regards,
————————————————————————————————————

Cosmin – Support

[socialmeditate]

This is still stripping out the subscription button – see the link below. I embedded in both a blog post as well as on the side bar.

http://www.disruptrev.com/2013/09/12/test-email/

The subscription button is displayed within the WordPress preview, but when I publish it the button disappears.

[socialmeditate]

See screenshot

[Cosmin – SUPPORT]

Ed, is there anything in the Page Builder framework that you might know would be stripping out submit inputs?

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[Swift Ideas – Ed]

Not that I’m aware of, but instead of using the text block, try using the Raw HTML asset?

– Ed

[plbenson]

I get the same thing —

Should I post my issue under another thread?

[Swift Ideas – Ed]

@plbenson – Have you tried using the Raw HTML asset?

– Ed

[plbenson]

Ed – I figured out a go around. TY

[Swift Ideas – Ed]

Great!

– Ed

[sladekemmet]

Hello,

I am having the same problem listed above. Whether I use the classic editor or a Raw HTML Element and past the mailchimp web embed subscription form, the button is stripped. How can I change this.

webpage: http://clubbook14.org/about/e-news/

code:

<!– Begin MailChimp Signup Form –>
<link href=”//cdn-images.mailchimp.com/embedcode/classic-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://clubbook.us3.list-manage.com/subscribe/post?u=cb063230c4cfb9d52f129804e&id=09c6084d71&#8243; method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>
<h2>Subscribe to our mailing list</h2>
<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 class=”mc-field-group”>
<label for=”mce-FNAME”>First Name </label>
<input type=”text” value=”” name=”FNAME” class=”” id=”mce-FNAME”>
</div>
<div class=”mc-field-group”>
<label for=”mce-LNAME”>Last Name </label>
<input type=”text” value=”” name=”LNAME” class=”” id=”mce-LNAME”>
</div>
<div class=”mc-field-group input-group”>
Email Format

• <input type=”radio” value=”html” name=”EMAILTYPE” id=”mce-EMAILTYPE-0″><label for=”mce-EMAILTYPE-0″>html</label>
• <input type=”radio” value=”text” name=”EMAILTYPE” id=”mce-EMAILTYPE-1″><label for=”mce-EMAILTYPE-1″>text</label>

</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> <div class=”clear”><input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”></div>
</form>
</div>

<!–End mc_embed_signup–>

[Swift Ideas – Ed]

Ahh ok, I see the issue. Add the following to the custom css box within theme options:

#mc_embed_signup .clear {
	display: block;
	visibility: visible;
	width: auto;
	height: auto;
}

That will fix it!

– Ed

[sladekemmet]

Thank you so much for the help, that fixed the problem!

[Melanie – SUPPORT]

Fantastic!