Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Supreme › Stripping out Buttons from Email Subscription Widget
New Landing › How can we help? › Themeforest Theme Support › Supreme › Stripping out Buttons from Email Subscription Widget
- This topic has 13 replies, 6 voices, and was last updated 11 years by Melanie – SUPPORT.
-
Posted in: Supreme
-
September 8, 2013 at 9:32 pm #20555
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” 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>September 9, 2013 at 3:10 pm #20727You 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
September 12, 2013 at 2:33 pm #21439This 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.
September 12, 2013 at 2:34 pm #21440See screenshot
September 12, 2013 at 8:37 pm #21553Ed, is there anything in the Page Builder framework that you might know would be stripping out submit inputs?
Regards,
————————————————————————————————————
Cosmin
Support AssistantSeptember 13, 2013 at 1:24 pm #21764Not that I’m aware of, but instead of using the text block, try using the Raw HTML asset?
– Ed
October 25, 2013 at 6:41 pm #28531I get the same thing —
Should I post my issue under another thread?
October 25, 2013 at 7:35 pm #28549@plbenson – Have you tried using the Raw HTML asset?
– Ed
October 27, 2013 at 4:56 pm #28724Ed – I figured out a go around. TY
October 28, 2013 at 10:20 am #28796Great!
– Ed
November 4, 2013 at 6:53 pm #29921Hello,
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″ 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–>
November 5, 2013 at 10:36 am #29993Ahh 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
November 6, 2013 at 6:11 pm #30229Thank you so much for the help, that fixed the problem!
November 11, 2013 at 11:42 am #30741Fantastic!
-
Posted in: Supreme
You must be logged in and have valid license to reply to this topic.