I have used text field's source code option to insert an external form with HTML code, it does not work correctly, inputs and submit button don't work

  • puertascalvente
    Asked on August 26, 2019 at 10:52 AM

    I have used text field's source code option to insert an external form with HTML code, it does not work correctly, inputs and submit button don't work correctly.


    I want to paste this code:

    <!-- 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>

    <style type="text/css">

    #mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}

    #mergeRow-gdpr {margin-top: 20px;}

    #mergeRow-gdpr fieldset label {font-weight: normal;}

    #mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}

    </style>

    <div id="mc_embed_signup">

    <form action="https://puertascalvente.us13.list-manage.com/subscribe/post?u=992f52491449d81aa4b8a2e91&amp;id=2ad86f1008" 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">Email  <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 </label>

    <input type="text" value="" name="FNAME" class="" id="mce-FNAME">

    </div>

    <div id="mergeRow-gdpr" class="mergeRow gdpr-mergeRow content__gdprBlock mc-field-group">

        <div class="content__gdpr">

            <label>Permisos de promoción</label>

            <p>Puertas Calvente SL utilizará la información que usted proporciona en este formulario para estar en contacto con usted y proporcionarle OFERTAS, DESCUENTOS y PROMOCIONES. Al hacer clic a continuación, acepta que podamos procesar su información de acuerdo con estos términos mediante este medio:</p>

            <fieldset class="mc_fieldset gdprRequired mc-field-group" name="interestgroup_field">

    <label class="checkbox subfield" for="gdpr_7529"><input type="checkbox" id="gdpr_7529" name="gdpr[7529]" value="Y" class="av-checkbox "><span>Correo electrónico</span> </label>

            </fieldset>

            <p>Puede cambiar de opinión en cualquier momento haciendo clic en el enlace para darse de baja en el pie de página de cualquier correo electrónico que reciba de nosotros, o comunicándose con nosotros a marketing@puertascalvente.com. 

    Trataremos su información con respeto. Para obtener más información acerca de nuestras prácticas de privacidad, visite nuestro sitio web. Al hacer clic a continuación, acepta que podamos procesar su información de acuerdo con estos términos.

    </p>

        </div>

        <div class="content__gdprLegal">

            <p>We use Mailchimp as our marketing platform. By clicking below to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing. <a href="https://mailchimp.com/legal/" target="_blank">Learn more about Mailchimp's privacy practices here.</a></p>

        </div>

    </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_992f52491449d81aa4b8a2e91_2ad86f1008" 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'; /*

     * Translated default messages for the $ validation plugin.

     * Locale: ES

     */

    $.extend($.validator.messages, {

      required: "Este campo es obligatorio.",

      remote: "Por favor, rellena este campo.",

      email: "Por favor, escribe una dirección de correo válida",

      url: "Por favor, escribe una URL válida.",

      date: "Por favor, escribe una fecha válida.",

      dateISO: "Por favor, escribe una fecha (ISO) válida.",

      number: "Por favor, escribe un número entero válido.",

      digits: "Por favor, escribe sólo dígitos.",

      creditcard: "Por favor, escribe un número de tarjeta válido.",

      equalTo: "Por favor, escribe el mismo valor de nuevo.",

      accept: "Por favor, escribe un valor con una extensión aceptada.",

      maxlength: $.validator.format("Por favor, no escribas más de {0} caracteres."),

      minlength: $.validator.format("Por favor, no escribas menos de {0} caracteres."),

      rangelength: $.validator.format("Por favor, escribe un valor entre {0} y {1} caracteres."),

      range: $.validator.format("Por favor, escribe un valor entre {0} y {1}."),

      max: $.validator.format("Por favor, escribe un valor menor o igual a {0}."),

      min: $.validator.format("Por favor, escribe un valor mayor o igual a {0}.")

    });}(jQuery));var $mcj = jQuery.noConflict(true);</script>


    <!--End mc_embed_signup-->

  • VincentJay
    Replied on August 26, 2019 at 12:12 PM

    Hi, 

    May we know what you're trying to add to your form? It is not possible if it is a Javascript. You may want to try using the form full source code and add the code. Here's the guide: 

    How-to-get-the-Full-Source-Code-of-your-Form

    Also, you might be interested in the MailChimp integration. Here's the guide: 

    How-to-Integrate-with-MailChimp

    Please check the links and let us know if you have questions.