Añadir Google reCAPTCHA a los formularios

Evita envíos de spam en bloques de formularios, bloques de newsletter, pop-up promocionales y listas de espera de productos.

Última actualización: 31 de diciembre de 2024

Para reducir el spam, usa Google reCAPTCHA a los bloques de formulario, bloques de newsletter, pop-up promocionales y listas de espera para productos. Google reCAPTCHA es una función de seguridad invisible que impide que los robots envíen formularios.

Squarespace usa reCAPTCHA v3 en la mayoría de los sitios. A diferencia de las versiones anteriores de reCAPTCHA, v3 es invisible y los visitantes de tu sitio no necesitarán marcar una casilla o seleccionar imágenes para que funcione.

La excepción es cualquier formulario en una página de portada. Estos usan reCAPTCHA v2 y requieren una cuenta de Google para habilitarlo.  

Mira el video

Habilitar Google reCAPTCHA en formularios

Google reCAPTCHA está habilitado de forma predeterminada en los bloques de newsletter, los bloques de formularios y las listas de espera de productos. Sigue estos pasos para habilitarlo en bloques de formularios, pop-ups promocionales y bloques de newsletter donde Google reCAPTCHA estaba previamente deshabilitado.

Nota

Para asegurarte de que has habilitado Google reCAPTCHA, haz una vista previa de la página o accede al panel pop-up promocional. Luego haz clic en un campo del formulario y el logotipo de Google reCAPTCHA debería aparecer en la esquina inferior derecha de tu pantalla.

Bloques de formulario

Para habilitar reCAPTCHA en bloques de formulario:

  1. Haz clic en Editar en la página y luego, en el icono del lápiz en el bloque de formulario.
  2. Haz clic en la pestaña Almacenamiento.
  3. Haz clic en Google reCAPTCHA.
  4. Activa la opción Habilitar Google reCAPTCHA.

Bloques de newsletter

Google reCAPTCHA está habilitado de forma predeterminada en los bloques de newsletter. Para agregar Google reCAPTCHA a los bloques de newsletter donde se ha deshabilitado anteriormente:

  1. Haz clic en Editar en la página y luego, en el icono del lápiz en el bloque de formulario.
  2. Haz clic en la pestaña Almacenamiento.
  3. Haz clic en Squarespace. Si el almacenamiento de Squarespace no está conectado, haz clic en Conectar. Google reCAPTCHA no es compatible con bloques de newsletter sin Squarespace conectado para almacenamiento.
  4. Activa la opción Habilitar Google reCAPTCHA.

Mensajes emergentes con promociones

Para habilitar reCAPTCHA en el pop-up promocional:

  1. Abre el panel de Pop-up promocional y haz clic en Acción.
  2. Selecciona Registrarse a tu newsletter.
  3. Haz clic en Verificación y selecciona Activar reCAPTCHA.

Listas de espera de productos

Google reCAPTCHA se habilita automáticamente en las listas de espera de productos.

Google reCAPTCHA para formularios de página de portada (versión 7.0)

Nota

Cambiar la configuración de Google reCAPTCHA v2 no está incluido en nuestro servicio de atención al cliente. Si necesitas más ayuda con los pasos 1 a 11 de esta sección, visita la documentación de Google.

Si tu sitio está en la versión 7.0 y usas páginas de portada, puedes habilitar reCAPTCHA v2 para formularios de páginas de portada. Este reCAPTCHA pide a los visitantes que marquen una casilla antes de enviar, lo que dificulta que los robots completen el formulario.

Ten en cuenta que esto solo es compatible con los formularios de página de portada. El reCAPTCHA no está disponible para la suscripción a newsletters en páginas de portada.

Antes de agregar Google reCAPTCHA a los formularios de página de portada, habilítalo en Herramientas de desarrollo:

  1. Abre el panel de Herramientas de desarrollo
  2. Haz clic en Claves de API externas y desplázate hacia abajo hasta Google reCAPTCHA.
  3. Haz clic en el enlace para obtener tus Claves de API para Google reCAPTCHA. El enlace se abre en una pestaña nueva.
  4. Haz clic en v3 Consola de administración.
  5. Ingresa una etiqueta para ayudarte a identificar tu sitio. Puede ser la URL de tu sitio web o un apodo.
  6. Haz clic en reCAPTCHA V2. Squarespace no admite reCAPTCHA V3 en las páginas de portada.
  7. Pulsa "No soy un robot". No se admiten las otras opciones.
  8. Ingresa tu dominio integrado y haz clic en el icono +. Usa el formato tusitio.squarespace.com sin https:// al principio.
  9. Ingresa tu dominio integrado y haz clic en el icono +. Repite este paso para los demás dominios personalizados conectados con tu sitio sin https:// al principio de cada uno de ellos.
  10. Asegúrate de haber agregado todos los dominios asociados a tu sitio. Si no lo haces, aparecerá un error.
Cómo crear un nuevo reCAPTCHA en el panel de comando de Google reCAPTCHA.
  1. Agrega otro Propietario si necesitas permitir que otras personas revisen los análisis de Google reCAPTCHA de tu sitio.
  2. Acepta las condiciones del servicio de Google ReCAPTCHA. 
  3. Presiona Enviar.
  4. Copia la clave del sitio y la clave secreta. Luego, pégalos en un lugar de fácil acceso.
Clave del sitio y clave secreta en el panel de comando de reCAPTCHA.

Nota

Las claves de API son confidenciales, así que debes mantenerlas seguras. Trátalas como cualquier contraseña.

  1. Nuevamente en el panel Claves de API externas de Squarespace, pega las claves de API.
Panel de Claves de API externas en Squarespace.
  1. Haz clic en Guardar.

Si cambias tu dominio, actualiza la configuración de reCAPTCHA

Google reCAPTCHA con los formularios de las páginas de portada solo funciona con los dominios que ingresas durante el proceso de registro. Si cambias tu dominio integrado de Squarespace o conectas un nuevo dominio a tu sitio, tendrás que agregarlo a la configuración de la clave de API en Google. Puede demorar hasta 30 minutos para que las actualizaciones del dominio surtan efecto.

  1. Abre el panel de Herramientas de desarrollo.
  2. Haz clic en Claves de API externas.
  3. Desplázate hacia abajo hasta Google reCAPTCHA.
  4. Haz clic en Claves de API para Google reCAPTCHA.

Este enlace abre el sitio de Google reCAPTCHA en una pestaña nueva.

  1. Haz clic en Consola de administración v3.
  2. En el menú desplegable, selecciona el reCAPTCHA que deseas actualizar.
  3. Haz clicLa en la esquina superior derecha.
  4. Añade tu nuevo dominio a la lista Dominios.
  5. Haz clic en Guardar.

Solución de problemas de reCAPTCHA con formularios de página de portada

Mensaje de error: dominio no válido para la clave del sitio

Si no agregas correctamente todos los dominios del sitio durante el registro de Google reCAPTCHA, verás un mensaje de error que dice: "ERROR para el propietario del sitio web: Dominio inválido para la clave del sitio".

Para resolverlo, agrega todos tus dominios, incluido el dominio integrado de tu sitio. Actualiza la página con el bloque. Puede demorar hasta 30 minutos para que las actualizaciones del dominio surtan efecto.

Mensaje de error: Tipo de clave inválido

Si seleccionas reCAPTCHA V3 durante el registro de Google reCAPTCHA, verás el siguiente error: ERROR del propietario del sitio web: Tipo de clave inválido. Squarespace no admite reCAPTCHA V3 en las páginas de portada.

Para solucionarlo, crea un nuevo reCAPTCHA haciendo clic en el icono +, en la esquina superior derecha de tu panel de comando de Google reCAPTCHA y selecciona reCAPTCHA V2 durante la creación. A continuación, agrega las claves nuevas en el panel de Claves API externas en Squarespace y haz clic en Guardar.

Mensaje de error: No se pudo enviar el formulario. Intenta nuevamente más tarde

Si accidentalmente copias texto adicional en el campo Clave secreta en la configuración de tu sitio de Squarespace, recibirás un error al intentar enviar el registro del formulario o la newsletter que dice No se puede enviar el formulario. Inténtelo de nuevo más tarde.

Para resolverlo, copia la Clave Secreta desde el panel de reCAPTCHA y asegúrate de que solo se copie el texto de la Clave Secreta; luego pégala en el campo Clave Secreta del panel de Claves de API externas en tu sitio de Squarespace.

Al seleccionar Google reCAPTCHA, se envía a los visitantes a la parte inferior de la página

En los dispositivos iOS, marcar la casilla de Google reCAPTCHA envía a quienes visitan el sitio a la parte inferior de la página. Esto es ocasionado por un conflicto entre iOS y Google, y no es algo que podamos resolver.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.