{"id":37590,"date":"2020-10-06T08:08:32","date_gmt":"2020-10-05T23:08:32","guid":{"rendered":"https:\/\/contactform7.com\/?page_id=37590"},"modified":"2020-10-06T08:12:44","modified_gmt":"2020-10-05T23:12:44","slug":"why-isnt-my-ajax-contact-form-working-correctly","status":"publish","type":"page","link":"https:\/\/contactform7.com\/es\/why-isnt-my-ajax-contact-form-working-correctly\/","title":{"rendered":"\u00bfPor qu\u00e9 mi formulario de contacto AJAX no funciona correctamente?"},"content":{"rendered":"\n\n\n\n<p>Contact Form 7 es compatible con env\u00edos AJAX. Por lo tanto, un formulario de contacto configurado correctamente en Contact Form 7 funciona exactamente como el siguiente formulario de demostraci\u00f3n. Intenta introducir cualquier texto en los campos y env\u00edalo.<\/p>\n\n\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f37591-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"37591\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/es\/wp-json\/wp\/v2\/pages\/37590#wpcf7-f37591-o1\" method=\"post\" class=\"wpcf7-form init demo\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"37591\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f37591-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"wpcf7-turnstile cf-turnstile\" data-sitekey=\"0x4AAAAAAA7KVFFF6ghbpEYB\" data-response-field-name=\"_wpcf7_turnstile_response\"><\/div>\n\n<p><label> Tu nombre (obligatorio)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Tu correo electr\u00f3nico (obligatorio)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Tu mensaje<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar\" \/>\n<\/p><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"72\"\/><script>\ndocument.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n\n\n<p>\u00bfQu\u00e9 tal estuvo? \u00bfFuncion\u00f3 como el formulario de contacto de tu sitio? Algunos de ustedes se sorprender\u00e1n al notar las diferencias entre su formulario y este formulario de demostraci\u00f3n y pensar: \u00abMi formulario siempre vuelve a cargar la p\u00e1gina despu\u00e9s de hacer el env\u00edo, pero este formulario no lo hace\u00bb.<\/p>\n\n\n\n<p>Si tu formulario no funciona como lo hace este formulario de demostraci\u00f3n, es probable que el JavaScript de Contact Form 7 no funcione en tu sitio. Te mostrar\u00e9 algunas posibles causas de esto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>El archivo JavaScript no est\u00e1 cargado<\/strong><\/h2>\n\n\n\n<p>Esta es la causa m\u00e1s com\u00fan que he estado viendo recientemente. Esto se debe a la plantilla de tu tema, a la que le faltan funciones de llamada para poner en cola JavaScript. Las funciones necesarias son <code>wp_head()<\/code> y <code>wp_footer()<\/code>, y est\u00e1n en <code>header.php<\/code> y <code>footer.php<\/code>, respectivamente, en la mayor\u00eda de los temas que funcionan correctamente. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conflictos con otro c\u00f3digo JavaScript<\/strong><\/h2>\n\n\n\n<p>Muchos plugins y temas cargan su propio JavaScript. Algunos de ellos pueden haberse creado incorrectamente y, por lo tanto, entran en conflicto con otros plugins. En la mayor\u00eda de los casos, es posible que puedas encontrar errores de JavaScript con la consola de secuencias de comandos de tu navegador cuando se produzcan dichos conflictos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La estructura HTML no es v\u00e1lida<\/h2>\n\n\n\n<p>Al igual que otros c\u00f3digos de JavaScript, el JavaScript de Contact Form 7 recorre y manipula la estructura de HTML. Por lo tanto, si la estructura HTML original no es v\u00e1lida, no funcionar\u00e1. Puedes comprobar si tu HTML es v\u00e1lido, o no, con un validador de HTML. Recomiendo el uso del <a href=\"http:\/\/validator.w3.org\/\">servicio de validaci\u00f3n de marcado de W3C<\/a> en tal caso.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contact Form 7 es compatible con env\u00edos AJAX. Por lo tanto, un formulario de contacto configurado correctamente en Contact Form 7 funciona exactamente como el siguiente formulario de demostraci\u00f3n. Intenta introducir cualquier texto en los campos y env\u00edalo. \u00bfQu\u00e9 tal estuvo? \u00bfFuncion\u00f3 como el formulario de contacto de tu sitio? Algunos de ustedes se sorprender\u00e1n &hellip; <a href=\"https:\/\/contactform7.com\/es\/why-isnt-my-ajax-contact-form-working-correctly\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\">\u00bfPor qu\u00e9 mi formulario de contacto AJAX no funciona correctamente?<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_locale":"es_ES","_original_post":"1270","footnotes":""},"class_list":["post-37590","page","type-page","status-publish","hentry","es-ES"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages\/37590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/comments?post=37590"}],"version-history":[{"count":0,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages\/37590\/revisions"}],"wp:attachment":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/media?parent=37590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}