Embedded MailChimp Forms/Subscribe drop down not sending

[defininggrace]

When I copy in MailChimp embedded form code into my site, the submit button does nothing. I am currently trying to implement it in a modal, but even when I tried using the “subscribe” aux link in the header bar it doesn’t work. It also don’t seem to be fixed by disabling the javascript in the form, which is something MailChimp recommends. However, when I drop the exact same code in a blank HTML page and load that page in the modal by an iframe, it does work.

Do you happen to know why it works in an iframe and not directly in the page? Obviously, I can take the time to style the page and use the iframe method, but it would be easier if there was a way to get the code working in the page.

Thanks!
Dan

[Kirsten]

Same here!

[Kyle – SUPPORT]

Hi

What code have you used?

– Kyle

[Kirsten]

For me the problem was just solved. I did the latest update of Joyn.

[Kyle – SUPPORT]

Ok great

[defininggrace]

This reply has been marked as private.

[Swift Ideas – Ed]

Hi Dan,

If you remove:

target="_blank"

from the form tag, it will likely work.

Let us know.

– Ed

[defininggrace]

Ed- thanks for the reply! Unfortunately, it is not working. The submit button still sits there dead, both in the header and more importantly in the modal boxes on my about page (defininggrace.com/about). I don’t know if this is related to the underlying issue, but when I try pasting in the full form with the Javascript to the Page Builder box (using the “text” pane as opposed to “visual”) and I click “save” in the upper right hand corner, it switches back to “visual”, the pane is blank, and neither the save nor cancel buttons work. I have to reload the page, which loses all changes.

This morning, I tried the full javascript form, javascript disabled form, and their “naked” form- all with the target=”_blank” removed- and none seemed to work.

Thanks!
Dan

[defininggrace]

Minor edit- it appears the form with JavaScript is working in the header link now. The Swift Page Builder is still not allowing me to paste the form with JavaScript into the text entry box for the modal elements. Perhaps that’s the problem, and the forms without JavaScript just don’t work.

Thanks!
Dan

[defininggrace]

This reply has been marked as private.

[Kyle – SUPPORT]

All you should need is:

<div id="mc_embed_signup">
<form action="//defininggrace.us11.list-manage.com/subscribe/post?u=defbfd60927cf0e182c91d0bc&id=1a11ecf336" 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 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 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_defbfd60927cf0e182c91d0bc_1a11ecf336" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>

– Kyle

[defininggrace]

Kyle,

Thanks, but sadly that still isn’t working. Nothing happens when I hit the submit button in the modal (a third of the way down the page accessed by the “click here to subscribe button” on http://www.defininggrace.com/about). I have tried it in a couple different browsers and even on a different computer.

Thanks!
Dan

[Swift Ideas – Ed]

Hi Dan,

That takes me to the modal with the iframe – which works? Do you have a link to a page where we can see this not working?

– Ed

[defininggrace]

Ed- Thanks! About a third of the way down that page in the light blue box there is a “click to subscribe button” which should pull up a modal with the code Kyle pasted in (which does not use javascript). You might have been clicking on the very bottom of the page in the orange box – that modal has the currently working iframe. I would prefer to not have to use an iframe, and the MailChimp code is working in the header subscribe link (with javascript in it). For some reason, the page builder is not allowing me to save the modal or even a regular text box with the same html/js code in it. When I use a non-js version, it allows me to save the code and display the fields but the submit button doesn’t work.

Thanks!
Dan

[Swift Ideas – Ed]

Ahh – my mistake.

Seems the page builder is stripping out the form tag. One thing you might want to try is adding it to the SPB Section area – leaving it on Text mode with no page builder active, then using that section in the page. That should work while we look at getting the removal of the form tag fixed.

– Ed