Home Forums Arnold WordPress Theme Mailchimp embedded code for signup form is not working.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #20792
    ignacioaroche
    Participant
    Purchased

    I tried to make a signup form for mailchimp and make a downloadable book out of it but everytime I try to click on the button it does nothing as if the button didn’t work.

    The pop-up version works fine (not the option I want). Just wanted to test it.
    Url: https://www.morfema.mx/aprende-a-vender-en-linea/
    Please help.

    #20793
    SeaTheme
    Keymaster
    Purchased

    Hi,

    I can see the success info: https://www.dropbox.com/s/5i331nzj97hscpf/QQ20200404-150818.jpg?dl=0
    But the popup panel cannot be closed: https://www.dropbox.com/s/x7h5wekvmhar8qa/QQ20200404-151009.jpg?dl=0

    I cannot find the reason based on the current information. Please give me more tips. How did you add the form?

    ps: I found a 404 issue https://www.dropbox.com/s/uw9ix0uxx90digs/QQ20200404-151030.jpg?dl=0
    I am not sure if it is the reason.

    Regards!

    SeaTheme – SeaTheme.netTwitterFacebook

    #20798
    ignacioaroche
    Participant
    Purchased

    Yeah! What I meant is… the pop up actually works. (Won’t close but it suscribes). I don’t want the pop up though.

    What I want is that the form that is embedded in the site actually works. If you try subscribing it doesn’t send the subscription nor anything.

    #20833
    ignacioaroche
    Participant
    Purchased

    Can you please help me out here? What I’m installing is the Godaddy code it gives you which is here:

    <!-- 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="https://morfema.us16.list-manage.com/subscribe/post?u=d990d9ad25d7b8b7089a449c1&id=8fc69339c5" 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</h2>
    <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
    <div class="mc-field-group">
    	<label for="mce-EMAIL">Correo electrónico  <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">Nombre  <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-TEL2">Celular </label>
    	<input type="text" value="" name="TEL2" class="" id="mce-TEL2">
    </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_d990d9ad25d7b8b7089a449c1_8fc69339c5" 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[4]='TEL2';ftypes[4]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
    <!--End mc_embed_signup-->

    When pressing the button, it does nothing. According to mailchimp, is because of the template.

    #20834
    SeaTheme
    Keymaster
    Purchased

    Please stop all plugins to check if it works.

    #20847
    ignacioaroche
    Participant
    Purchased
    This reply has been marked as private.
    #20849
    SeaTheme
    Keymaster
    Purchased

    Hi,

    I didn’t find the codes on your wp-admin. I suggest you use a plugin to add the popup box.
    https://wordpress.org/plugins/boxzilla/

    you could enter the subscribe codes into this plugin.

    Regards

    #20888
    ignacioaroche
    Participant
    Purchased

    But I don’t need a popup! I want a simple form with a button that sends the registration directly to mailchimp. It should be a way to embed provided by Mailchinp the code in the page. I’m using the “text box”

    #20894
    SeaTheme
    Keymaster
    Purchased
    This reply has been marked as private.
    #20903
    ignacioaroche
    Participant
    Purchased

    So it actually works, care to explain how can I make it myself??

    I really appreciate it!

    #20904
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Because the codes on this page(https://www.morfema.mx/aprende-a-vender-en-linea/) are lacked the JS codes.

    Please paste ALL codes mentioned here https://seatheme.net/forums/topic/mailchimp-embedded-code-for-signup-form-is-not-working/#post-20833

    Best

    #20917
    ignacioaroche
    Participant
    Purchased

    you mean, this one?

    `<!– 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=”https://morfema.us16.list-manage.com/subscribe/post?u=d990d9ad25d7b8b7089a449c1&id=8fc69339c5&#8243; 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</h2>
    <div class=”indicates-required”><span class=”asterisk”>*</span> indicates required</div>
    <div class=”mc-field-group”>
    <label for=”mce-EMAIL”>Correo electrónico <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”>Nombre <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-TEL2″>Celular </label>
    <input type=”text” value=”” name=”TEL2″ class=”” id=”mce-TEL2″>
    </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_d990d9ad25d7b8b7089a449c1_8fc69339c5″ 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[4]=’TEL2′;ftypes[4]=’text’;}(jQuery));var $mcj = jQuery.noConflict(true);</script>
    <!–End mc_embed_signup–>`

    #20918
    SeaTheme
    Keymaster
    Purchased

    Yes, it is.

    #20950
    ignacioaroche
    Participant
    Purchased

    I really really don’t understand your instructions. That’s exactly what I do everytime. But I’m pretty sure you did something different because everytime I try to edit the page you created it won’t let me. It shows no menus nor controls nor settings.

    Img:

    #20959
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Because of the embed code (javascript) will affect the editor, so the editor will not be shown. It means that this page will not be edited except removing the Text block. The better way is to move the CSS/JS codes(and linked) to the child theme.

    There is another solution to show the Mailchimp box on the footer(Arnold v1.7.9 at least) https://seatheme.net/forums/topic/how-to-show-mailchimp-newsletter-subscription-form-on-the-footer/

    Best

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!