{"id":3467,"date":"2025-01-17T09:45:45","date_gmt":"2025-01-17T08:45:45","guid":{"rendered":"https:\/\/www.lucushost.com\/blog\/?p=3467"},"modified":"2025-01-21T14:19:08","modified_gmt":"2025-01-21T13:19:08","slug":"contact-form-7-recaptcha","status":"publish","type":"post","link":"https:\/\/www.lucushost.com\/blog\/contact-form-7-recaptcha\/","title":{"rendered":"C\u00f3mo proteger Contact Form 7 con reCAPTCHA"},"content":{"rendered":"<p>Cuando empiezas con tu web, puede que el spam no suponga un problema muy grave. Puedes incluso revisar y eliminar los mensajes manualmente, pero este problema cada vez va a ir a m\u00e1s y llegar\u00e1 un momento en el que es casi imposible atajarlo manualmente. Por eso, lo mejor es cortar de ra\u00edz y <strong>a\u00f1adir un sistema CAPTCHA<\/strong> puede ser una buena opci\u00f3n para evitar que los bots hagan de las suyas.<\/p>\n<p><!--more--><\/p>\n<p>Si utilizas Contact Form 7 ver\u00e1s que es muy, pero que muy f\u00e1cil. No necesitas instalar plugins ni ning\u00fan software adicional en tu sitio, desde las opciones de configuraci\u00f3n del propio plugin tendr\u00e1s la opci\u00f3n de<strong> integrar Contact Form 7 con reCAPTCHA<\/strong> en tan solo unos clics.<\/p>\n<p>\u00bfTienes dudas o no sabes muy bien c\u00f3mo se hace? No te preocupes, hoy te explico c\u00f3mo proteger Contact Form 7 con reCAPTCHA.<\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Tabla de contenidos:<\/p><ul class=\"toc_list\"><li><a href=\"#Integracion_de_Contact_Form_7_con_reCAPTCHA\">Integraci\u00f3n de Contact Form 7 con reCAPTCHA<\/a><ul><li><a href=\"#1_Accede_a_Google_reCAPTCHA\">1. Accede a Google reCAPTCHA<\/a><\/li><li><a href=\"#2_Registra_tu_pagina_web_y_obten_las_claves\">2. Registra tu p\u00e1gina web y obt\u00e9n las claves<\/a><\/li><li><a href=\"#3_Configura_la_integracion_de_reCAPTCHA_con_Contact_Form_7\">3. Configura la integraci\u00f3n de reCAPTCHA con Contact Form 7<\/a><\/li><\/ul><\/li><li><a href=\"#En_resumen_configurar_reCAPTCHA_en_Contact_Form_es_facil\">En resumen, configurar reCAPTCHA en Contact Form es f\u00e1cil<\/a><\/li><\/ul><\/div>\n\n<p>\u00a1Vamos a ello!<\/p>\n<h2><span id=\"Integracion_de_Contact_Form_7_con_reCAPTCHA\">Integraci\u00f3n de Contact Form 7 con reCAPTCHA<\/span><\/h2>\n<p>Si has llegado hasta aqu\u00ed es porque te preocupa la seguridad de tu negocio y quieres plantarle cara al peor enemigo de tu web: el spam.<\/p>\n<p>No es la primera vez que te digo que ninguna web, por peque\u00f1a que sea, se libra de que los <strong><a href=\"https:\/\/www.lucushost.com\/blog\/que-es-un-bot\/\">bots<\/a> <\/strong>empiecen a hacer de las suyas. Y, aunque hoy vamos a centrarnos \u00fanicamente en <strong>proteger tu formulario de contacto con reCAPTCHA<\/strong>, te recomiendo que tambi\u00e9n le eches un ojo a estas dos gu\u00edas que te ayudar\u00e1n a mantener tu web bajo control:<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/www.lucushost.com\/blog\/evitar-comentarios-spam-wordpress\/\">C\u00f3mo evitar comentarios spam en WordPress<\/a><\/strong><\/li>\n<li><a href=\"https:\/\/www.lucushost.com\/blog\/registro-de-usuarios-spam-wordpress\/\"><strong>C\u00f3mo evitar el registro de usuarios spam en WordPress<\/strong><\/a><\/li>\n<\/ul>\n<p>Piensa que, adem\u00e1s de ayudarte a proteger tu formulario de contacto, a\u00f1adir reCAPTCHA a Contact Form 7 tiene otras ventajas:<\/p>\n<ol>\n<li><strong>Te protege de los bots en todo tipo de formularios: <\/strong>Esto ya lo hemos dicho, pero aunque aqu\u00ed nos centramos en el formulario de contacto, recuerda que puedes usar reCAPTCHA en formularios de registro, comentarios o cualquier formulario personalizado de tu web. El resultado es que te encontrar\u00e1s menos spam y que tendr\u00e1s la base de datos m\u00e1s protegida.<\/li>\n<li><strong>Mejora la experiencia del usuario: <\/strong>Con la versi\u00f3n v3 de reCAPTCHA, los usuarios ya no tienen que realizar acciones adicionales, as\u00ed que no hay fricciones innecesarias que hagan que finalmente se echen para atr\u00e1s.<\/li>\n<li><strong>Prevenci\u00f3n de abuso de recursos: <\/strong>Al implementar reCAPTCHA, evitas que los bots realicen acciones autom\u00e1ticas que consuman recursos de tu servidor.<\/li>\n<\/ol>\n<p>Pero ahora s\u00ed, vamos al grano. Estos son los 3 pasos a seguir para integrar Contact Form 7 con reCAPTCHA.<\/p>\n<h3><span id=\"1_Accede_a_Google_reCAPTCHA\">1. Accede a Google reCAPTCHA<\/span><\/h3>\n<p>Lo primero que debemos hacer para proteger Contact Form 7 con reCAPTCHA es ir a la p\u00e1gina de <strong><a href=\"https:\/\/www.google.com\/recaptcha\/intro\/v3.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google reCAPTCHA<\/a><\/strong> para registrar una nueva propiedad. Una vez dentro, pulsa en el bot\u00f3n \u00abAdmin console\u00bb.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2482\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/03\/recaptcha-wordpress-google-1.jpg\" alt=\"Registrar tu WordPress en Google reCAPTCHA\" width=\"1838\" height=\"495\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/03\/recaptcha-wordpress-google-1.jpg 1838w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/03\/recaptcha-wordpress-google-1-300x81.jpg 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/03\/recaptcha-wordpress-google-1-1024x276.jpg 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/03\/recaptcha-wordpress-google-1-768x207.jpg 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/03\/recaptcha-wordpress-google-1-1536x414.jpg 1536w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/03\/recaptcha-wordpress-google-1-700x189.jpg 700w\" sizes=\"(max-width: 1838px) 100vw, 1838px\" \/><\/p>\n<h3><span id=\"2_Registra_tu_pagina_web_y_obten_las_claves\">2. Registra tu p\u00e1gina web y obt\u00e9n las claves<\/span><\/h3>\n<p>Ahora tendr\u00e1s que introducir la informaci\u00f3n relacionada con la web que quieres proteger. Estos son los campos que tienes que cubrir:<\/p>\n<ul>\n<li><strong>Etiqueta:<\/strong> utiliza una etiqueta que te permita identificar tu sitio web. Para este ejemplo yo voy a poner <em>Formulario Contact Form 7<\/em>.<\/li>\n<li><strong>Tipo de reCAPTCHA:<\/strong> elige la versi\u00f3n de reCAPTCHA. Tienes dos opciones, reCAPTCHA v3 y reCAPTCHA v2. Aunque\u00a0<strong><a href=\"https:\/\/developers.google.com\/recaptcha\/docs\/versions\" rel=\"nofollow noopener\" target=\"_blank\">aqu\u00ed<\/a><\/strong> tienes m\u00e1s informaci\u00f3n, te resumo las principales caracter\u00edsticas de cada una de ellas:\n<ul>\n<li><strong>reCAPTCHA v3:<\/strong> es la versi\u00f3n m\u00e1s reciente y, mediante un c\u00f3digo JavaScript basado en un sistema de puntuaciones, es capaz de identificar si el usuario es real o no sin ning\u00fan tipo de interacci\u00f3n por su parte.<\/li>\n<li><strong>reCAPTCHA v2:<\/strong> seleccionando esta opci\u00f3n, ver\u00e1s que se abre un desplegable con tres opciones: casilla <em>No soy un robot<\/em> (la m\u00e1s utilizada), insignia de reCAPTCHA invisible y reCAPTCHA para Android, desarrollada espec\u00edficamente para apps.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Dominios<\/strong>: a\u00f1ade el nombre de tu p\u00e1gina web.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3476\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/registrar-nuevo-sitio-google-recaptcha.jpg\" alt=\"Registrar sitio en Google reCAPTCHA\" width=\"1331\" height=\"870\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/registrar-nuevo-sitio-google-recaptcha.jpg 1331w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/registrar-nuevo-sitio-google-recaptcha-300x196.jpg 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/registrar-nuevo-sitio-google-recaptcha-1024x669.jpg 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/registrar-nuevo-sitio-google-recaptcha-768x502.jpg 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/registrar-nuevo-sitio-google-recaptcha-400x260.jpg 400w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/registrar-nuevo-sitio-google-recaptcha-700x458.jpg 700w\" sizes=\"(max-width: 1331px) 100vw, 1331px\" \/><\/p>\n<p>Por \u00faltimo, acepta las condiciones del servicio y pulsa en \u00abEnviar\u00bb. Autom\u00e1ticamente tendr\u00e1s acceso a las claves secretas que deber\u00e1s a\u00f1adir a la configuraci\u00f3n de tu formulario de contacto.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3471 size-full\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/claves-google-recaptcha.png\" alt=\"Obtener claves de Google reCAPTCHA\" width=\"1416\" height=\"611\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/claves-google-recaptcha.png 1416w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/claves-google-recaptcha-300x129.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/claves-google-recaptcha-1024x442.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/claves-google-recaptcha-768x331.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/claves-google-recaptcha-700x302.png 700w\" sizes=\"(max-width: 1416px) 100vw, 1416px\" \/><\/p>\n<h3><span id=\"3_Configura_la_integracion_de_reCAPTCHA_con_Contact_Form_7\">3. Configura la integraci\u00f3n de reCAPTCHA con Contact Form 7<\/span><\/h3>\n<p>Ahora que ya tienes las claves de reCAPTCHA, hay que configurar la integraci\u00f3n con Contact Form 7.<\/p>\n<p>Para ello, accede al panel de administraci\u00f3n de WordPress y pulsa en \u00abContacto\u00bb &#8211; \u00abIntegraci\u00f3n\u00bb.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3474\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/opciones-integracion-contact-form-7.png\" alt=\"Opciones de integraci\u00f3n en Contact Form 7\" width=\"413\" height=\"394\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/opciones-integracion-contact-form-7.png 413w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/opciones-integracion-contact-form-7-300x286.png 300w\" sizes=\"(max-width: 413px) 100vw, 413px\" \/><\/p>\n<p>Ahora se desplegar\u00e1n los servicios que tienes disponibles para integrar con Contact Form 7. Selecciona el segundo m\u00f3dulo y pulsa en el bot\u00f3n \u00abConfigura la integraci\u00f3n\u00bb, tal y como te muestro en esta imagen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3473\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/configuracion-integracion-contact-form-7-recaptcha.png\" alt=\"Configurar integraci\u00f3n de Contact Form con Google reCAPTCHA\" width=\"669\" height=\"267\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/configuracion-integracion-contact-form-7-recaptcha.png 669w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/configuracion-integracion-contact-form-7-recaptcha-300x120.png 300w\" sizes=\"(max-width: 669px) 100vw, 669px\" \/><\/p>\n<p>Ahora inserta las claves que obtuvimos de Google reCAPTCHA y pulsa en \u00abGuardar los cambios\u00bb.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3472 size-full\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/claves-integracion-contact-form-7-recaptcha.png\" alt=\"A\u00f1adir las claves de Google reCAPTCHA en Contact Form 7\" width=\"722\" height=\"532\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/claves-integracion-contact-form-7-recaptcha.png 722w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/claves-integracion-contact-form-7-recaptcha-300x221.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/claves-integracion-contact-form-7-recaptcha-700x516.png 700w\" sizes=\"(max-width: 722px) 100vw, 722px\" \/><\/p>\n<p>\u00a1Listo! Ya tienes <strong>Google reCAPTCHA configurado en Contact Form 7.<\/strong><\/p>\n<p>Como hemos elegido la versi\u00f3n 3 para este ejemplo, los usuarios no van a tener que resolver el captcha a no ser que se detecte una actividad sospechosa, aunque en la web s\u00ed se mostrar\u00e1 que el formulario est\u00e1 protegido con reCAPTCHA de Google. Aqu\u00ed te dejo un ejemplo de c\u00f3mo se mostrar\u00eda:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3488\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/ejemplo-recaptcha-contact-form-7.png\" alt=\"EJemplo de un formulario de contacto protegido con Google reCAPTCHA\" width=\"1166\" height=\"779\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/ejemplo-recaptcha-contact-form-7.png 1166w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/ejemplo-recaptcha-contact-form-7-300x200.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/ejemplo-recaptcha-contact-form-7-1024x684.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/ejemplo-recaptcha-contact-form-7-768x513.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/ejemplo-recaptcha-contact-form-7-700x468.png 700w\" sizes=\"(max-width: 1166px) 100vw, 1166px\" \/><\/p>\n<p><em>Puede interesarte: <a href=\"https:\/\/www.lucushost.com\/blog\/recaptcha-wordpress\/\"><strong>C\u00f3mo instalar reCAPTCHA en WordPress<\/strong><\/a><\/em><\/p>\n<h2><span id=\"En_resumen_configurar_reCAPTCHA_en_Contact_Form_es_facil\">En resumen, configurar reCAPTCHA en Contact Form es f\u00e1cil<\/span><\/h2>\n<p>Como ves, algo tan importante como proteger tu p\u00e1gina web del spam, simplemente te lleva un par de minutos. Configurar<strong> reCAPTCHA en Contact Form<\/strong> 7 es muy sencillo. Adem\u00e1s, como el m\u00f3dulo de integraci\u00f3n ya viene instalado por defecto con el plugin, te ahorras instalar nuevos complementos que pueden afectar a la optimizaci\u00f3n de tu p\u00e1gina web.<\/p>\n<p>Por cierto, recuerda que adem\u00e1s de proteger tu formulario de contacto Contact Form 7 de WordPress, tambi\u00e9n es muy importante tener tu p\u00e1gina web alojada en un <strong><a href=\"http:\/\/lucushost.com\/hosting-ssd\" target=\"_blank\" rel=\"noopener\">hosting de calidad<\/a><\/strong>. Un entorno virtualmente aislado como el de <strong>CloudLinux<\/strong> y un software de seguridad como <strong><a href=\"https:\/\/www.lucushost.com\/blog\/imunify360\/\">Imunify360<\/a><\/strong> son clave para proteger no solo a tu p\u00e1gina web, sino tambi\u00e9n a tus clientes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando empiezas con tu web, puede que el spam no suponga un problema muy grave. Puedes incluso revisar y eliminar los mensajes manualmente, pero este problema cada vez va a ir a m\u00e1s y llegar\u00e1 un momento en el que es casi imposible atajarlo manualmente. Por eso, lo mejor es cortar de ra\u00edz y a\u00f1adir un sistema CAPTCHA puede ser una buena opci\u00f3n para evitar que los bots hagan de las suyas.<\/p>\n","protected":false},"author":3,"featured_media":11997,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42,43],"tags":[51,52],"_links":{"self":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/3467"}],"collection":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/comments?post=3467"}],"version-history":[{"count":14,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/3467\/revisions"}],"predecessor-version":[{"id":11994,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/3467\/revisions\/11994"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media\/11997"}],"wp:attachment":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media?parent=3467"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/categories?post=3467"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/tags?post=3467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}