Insert embedded form code Mailchimp

[Nico]

Hi, I would like add a form code that I created with mailchimp. I want to have it on an extra site rather than in the header/footer. Unfortunatley, the code snippet won’t save and close after I posted the code. It seems, the snipped doesn’t accept it. The Code is as follows:

<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.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="//next-organic.us11.list-manage.com/subscribe/post?u=8a37db3fdac5e9bdd3f1550a4&id=ddbfb2f414" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
	<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-Adresse  <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">Vorname  <span class="asterisk">*</span>
</label>
	<input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
</div>
<div class="mc-field-group">
	<label for="mce-LNAME">Name  <span class="asterisk">*</span>
</label>
	<input type="text" value="" name="LNAME" class="required" id="mce-LNAME">
</div>
<div class="mc-field-group">
	<label for="mce-COMPANY">Firma </label>
	<input type="text" value="" name="COMPANY" class="" id="mce-COMPANY">
</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;" aria-hidden="true"><input type="text" name="b_8a37db3fdac5e9bdd3f1550a4_ddbfb2f414" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='COMPANY';ftypes[3]='text'; /*
 * Translated default messages for the $ validation plugin.
 * Locale: DE
 */
$.extend($.validator.messages, {
	required: "Dieses Feld ist ein Pflichtfeld.",
	maxlength: $.validator.format("Geben Sie bitte maximal {0} Zeichen ein."),
	minlength: $.validator.format("Geben Sie bitte mindestens {0} Zeichen ein."),
	rangelength: $.validator.format("Geben Sie bitte mindestens {0} und maximal {1} Zeichen ein."),
	email: "Geben Sie bitte eine gültige E-Mail Adresse ein.",
	url: "Geben Sie bitte eine gültige URL ein.",
	date: "Bitte geben Sie ein gültiges Datum ein.",
	number: "Geben Sie bitte eine Nummer ein.",
	digits: "Geben Sie bitte nur Ziffern ein.",
	equalTo: "Bitte denselben Wert wiederholen.",
	range: $.validator.format("Geben Sie bitten einen Wert zwischen {0} und {1}."),
	max: $.validator.format("Geben Sie bitte einen Wert kleiner oder gleich {0} ein."),
	min: $.validator.format("Geben Sie bitte einen Wert größer oder gleich {0} ein."),
	creditcard: "Geben Sie bitte ein gültige Kreditkarten-Nummer ein."
});}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->

What could be the solution?

Thanks. Nico

[David Martin – Support]

Hi,

Test this code:

<form action="<< YOUR ACTION URL HERE >>" 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>

[Nico]

Ok, this is weird. I added your suggested code and saved it. Nothing changed on the website but when I went back to swift page builder I could see a field to enter your email address and a send button. Besides that I also need fields for first name, name and company the code also changed to

<input id="mce-EMAIL" class="required email" title="Enter your email address" autocomplete="off" name="EMAIL" type="email" value="" placeholder="Enter your email address" />
<div id="mce-responses" style="display: none;"></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 tabindex="-1" name="b_a3950048c69f7be72a27013a9_68a002176a" type="text" value="" /></div>
<input id="mc-embedded-subscribe" name="subscribe" type="submit" value="SUBSCRIBE" />

I wasn’t sure what my “action URL” was. Is //next-organic.us11.list-manage.com/subscribe/post?u=8a37db3fdac5e9bdd3f1550a4&id=ddbfb2f414 correct?

Why isn’t it possible to save the mailchimp code in the swift page builder? It worked once but never again.

Thanks for you help.

[David Martin – Support]

Hi,

This is possible, please add a WP login and a page URL where you are trying to do this.

What page builder asset are you using, the Raw HTML asset or Text asset?

[Nico]

This reply has been marked as private.

[David Martin – Support]

Hi,

Please test this page I have created using the Raw HTML asset from the page builder.

http://neu.nextorganic.de/?page_id=415