Bloques de newsletter

Recomienda a los visitantes suscribirse a tu lista de distribución de correo.

Última actualización: 4 de febrero de 2025

Los bloques de newsletter añaden la opción de suscribirse a una newsletter para los visitantes. El pie de página es un lugar popular para este bloque.

Deberás seleccionar una opción de almacenamiento para los formularios enviados. Puedes conectar una lista de distribución de correo de Email Marketing, un nuevo público de MailChimp, Google Drive o nuestra integración con Zapier.

Mira el video

Antes de comenzar

  • Si usas Squarespace como opción de almacenamiento, crea una lista de distribución de correo de Email Marketing para tus suscriptores. Si no has creado una lista de distribución de correo específica, puedes agregar suscriptores a una lista predeterminada. Si no seleccionas una lista, los suscriptores se agregan al panel Listas y segmentos en Suscriptores.
  • Si estás utilizando MailChimp como la opción de almacenamiento, crea un público nuevo y vacío en MailChimp antes de conectar tu cuenta de MailChimp al bloque.
  • Para enviar envíos de formularios más detallados a tu dirección de correo electrónico, usa un bloque de formulario en su lugar.

Añadir un bloque de newsletter

Para añadir un bloque de newsletter:

  1. Edita una página o publicación, haz clic en Agregar bloque o en un punto de inserción y, a continuación, haz clic en Newsletter en el menú. Si necesitas ayuda, visita Añadir contenido con bloques.
  2. Abre el editor de bloques presionando el ícono del lápiz en el bloque.
  3. En la pestaña Contenido, configura el bloque de newsletter y agrega un mensaje posterior al envío o redireccionamiento.
  4. Haz clic en la pestaña Diseño para personalizar el diseño.
  5. Haz clic en la pestaña Almacenamiento para elegir una opción de almacenamiento y habilitar las opciones de verificación de suscriptores.

Este es un ejemplo de bloque de newsletter:

KB Guide Image

Configurar el bloque de newsletter

Personaliza el texto y los campos del bloque en la pestaña Contenido. De forma predeterminada, el bloque de newsletter muestra un campo de dirección de correo electrónico. Puedes agregar o editar estas opciones:

  • Nombre del formulario: Dale un nombre a tu bloque de newsletter para controlar sus analytics.
  • Título y descripción: Mostrar el título y el texto de la descripción arriba de los campos del formulario y el botón de envío.
  • Aviso legal: Añade información sobre lo que haces con los datos de los suscriptores. Es habitual usar este campo para tu política de privacidad.
  • Texto del botón: personaliza el texto que se muestra en el botón de envío. El texto predeterminado es Suscribirse.
  • Campo de nombre obligatorio. Agrega los campos Nombre y Apellidos al formulario. Esta opción no hace que los campos de nombre sean obligatorios para los envíos.

Consejo

Para obtener más opciones de campos de formulario, utiliza un bloque de formulario.

Agregar un mensaje después del envío o redirección

Para personalizar lo que se muestra a los visitantes después de enviar su información, haz clic en Después del envío en la pestaña de contenido.

Mensaje

Para agregar un mensaje después del envío, haz clic en Mensaje e introduce el texto en el campo de mensaje. Este texto se muestra después de que un visitante envía su información.

En el campo HTML, puedes agregar código HTML para que se represente junto con el mensaje después del envío. Ten en cuenta que, si el bloque de newsletter tiene un redireccionamiento después del envío, este mensaje no se mostrará.

Nota

Agregar un HTML posterior al envío es una modificación avanzada y no podremos ayudarte a solucionar problemas de código personalizado.

Redireccionar

Para configurar una redirección posterior al envío, haz clic en Redireccionar y luego en Adjuntar enlace. Para redireccionar a otro sitio web, pega la URL completa en el campo URL. Para redirigir a una página de tu sitio, busca la página en el campo y selecciónala en los resultados.

Para probar un redireccionamiento después del envío, envía el bloque de newsletter mientras se cierra la sesión o en un navegador de incógnito. Este redireccionamiento no funcionará mientras inicies sesión en tu sitio.

Para eliminar una redirección después del envío, elimina el vínculo del campo de URL.

Personaliza el diseño y el aspecto

Para personalizar el diseño, la alineación y el aspecto del bloque, haz clic en la pestaña Diseño:

  • Diseño: Haz clic en Pila para organizar los campos en una columna o en Flotante para organizar los campos en una fila.
  • Alineación: Haz clic en el icono de alineación correspondiente para alinear el bloque a la izquierda, al centro o a la derecha.
  • Fondo: en la versión 7.1, activa esta opción para agregar un color de fondo de bloque, establecer los radios de las esquinas y cambiar el relleno del fondo. Los colores de fondo del bloque no se admiten en la versión 7.0.
  • Trazo: habilita una línea continua o punteada para delinear el bloque. Para líneas continuas y punteadas, establece el ColorGrosor del trazo. 
  • Modo de fusión: usa el menú desplegable para elegir una configuración de transparencia. Estos efectos son ideales si superpones un bloque de newsletter sobre una imagen u otro contenido visual.
  • Desenfoque: activa la opción para desenfocar el Elemento o el Fondo, y usa el control deslizante para ajustar el nivel de desenfoque.

Cómo acceder a esta función

Hay personalizaciones de Trazo, Modo de mezcla y Desenfoque disponibles para las secciones del Editor dinámico. Para las secciones que usan el editor clásico, solamente está disponible la función de Trazo.

Elegir una opción de almacenamiento

Para elegir dónde enviar los envíos de newsletter, edita el bloque de newsletter y haz clic en la pestaña Almacenamiento. De forma predeterminada, los bloques de newsletter usan Squarespace para el almacenamiento, pero también puedes conectarlos a Mailchimp, Zapier y Google Drive.

Para obtener información sobre cada opción de almacenamiento, consulta Administrar el almacenamiento de formularios y newsletters.

Cómo acceder a esta función

Las integraciones de Mailchimp y Zapier en los bloques de newsletter están disponibles en los planes Core, Plus, Advanced, Empresa, Commerce Básico y Commerce Avanzado. Para obtener más información, visita Elegir el plan de Squarespace adecuado.

Habilitar las opciones de verificación de suscriptores

Para verificar tus suscriptores y ayudar a evitar envíos de robots, los bloques de newsletter tienen Google reCAPTCHA habilitado de forma predeterminada.

Google reCAPTCHA es una función de seguridad invisible que impide que los robots envíen formularios.Para obtener más información sobre Google reCAPTCHA, visita Añadir Google reCAPTCHA a los formularios.

También puedes activar un correo electrónico de confirmación para la verificación. Considera que necesitas tener al menos una de estas opciones habilitada cuando usas Squarespace para almacenamiento, y Google reCAPTCHA solo está disponible para los bloques de newsletter que usan Squarespace para almacenamiento. Para obtener más información, visita Opciones de verificación de suscriptores.

Modificar el estilo del bloque de newsletter

Para cambiar el aspecto del bloque:

Fuentes

Para cambiar el estilo de las fuentes del bloque:

  1. Mientras editas una página, abre estilos del sitio y, a continuación, haz clic en > junto a Fuentes.
  2. Haz clic en Asignar estilos
  3. Desplázate hasta la sección del bloque de newsletter y haz clic en cada opción para aplicar estilos a las distintas fuentes. Utiliza el panel Botones para el texto del botón.
  4. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego en Guardar para cerrar el editor.

Si agregas un mensaje posterior al envío, el texto sigue estas opciones de estilo:

  • Fuente: configuración Párrafo en el panel Fuentes
  • Tamaño: control deslizante de Párrafo 2 en la sección Párrafos del panel Fuentes
  • Color: color de Párrafo (Medio) en el tema de la sección elegida

Colores

Para cambiar el estilo de los colores del bloque:

  1. Mientras editas una página, abre estilos del sitio y, a continuación, haz clic en > junto a Colores.
  2. Desplaza el cursor sobre el tema y haz clic en el ícono de lápiz.
  3. Desplázate hasta la sección bloque de newsletter o haz clic en el bloque de newsletter de tu sitio para mostrar todos los ajustes pertinentes.
  4. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego en Guardar para cerrar el editor.

Los bloques de newsletter son transparentes de forma predeterminada, por lo que su color coincidirá con el fondo del sitio o la sección. Si quieres que un bloque de newsletter se destaque del resto de tu sitio, activa un color de fondo en la pestaña Diseño del bloque.

Botón

Aplica estilo al botón de bloque de newsletter en el panel de Botones de estilos del sitio. Los botones de bloque de newsletter siguen la configuración de estilo Principal. Para mantener el diseño de los bloques de newsletter, los ajustes de relleno no afectan ni el ancho ni la altura de los botones de estos bloques. Las opciones de estilo de los botones se aplican a la mayoría de los botones de tu sitio para garantizar una apariencia uniforme.

Fuentes

Para cambiar el estilo de las fuentes del bloque:

  1. Abre el panel de Diseño y luego haz clic en estilos del sitio.
  2. Desplázate hasta la sección bloque de newsletter.

Las opciones varían según las plantillas, pero encontrarás todos o algunos de los siguientes ajustes de estilo:

  • Estilo - Escoge entre Dark (Oscuro), Light (Claro) o Custom (Personalizado)
  • Background Color (Color de fondo)
  • Padding (Relleno)
  • Heading Color (Color de Encabezado)- Disponible con el estilo Custom (Personalizado)
  • Color de texto: Disponible con el estilo Personalizado
  • Color del botón
  • Button Text Color (Color del Botón de Texto) - No disponible cuando el estilo del botón está configurado como Outline (Delineado).
  • Opciones alternativas  (por ejemplo, Color de fondo alternativo): disponible en algunas plantillas. Estos ajustes se aplican a los bloques de newsletter fuera del área de contenido principal, como encabezados o pies de página, para ayudar a que se destaquen con diferentes colores de fondo.

En las otras secciones de Estilos del sitio:

  • Usa los ajustes de Encabezado  (en general, Encabezado 2) para cambiar la fuente del título.
  • Emplea los ajustes de Cuerpo para cambiar la fuente del resto del texto. En algunas plantillas, si colocas el bloque de newsletter en el pie de página, tal vez debas usar los ajustes específicos para el pie de página.
  • El tamaño del texto no puede ser cambiado.
  • Usa los ajustes en la sección Botones para personalizar el estilo y la forma del botón Enviar. Para más información, visita Modificar el estilo de los botones.

Cómo dar seguimiento a las suscripciones a la newsletter

Revisa cómo interactúan los visitantes con tus formularios de registro para la newsletter con Formularios y botones. Puedes monitorear tu tasa de conversión de formularios enviados, que compara el número de vistas que recibió un formulario con el número de formularios enviados.

Resolución de problemas

Los números de envío no coinciden con el número de suscriptores

Si eliges Squarespace o Mailchimp como opción de almacenamiento, los visitantes que completen el formulario pueden recibir un correo electrónico pidiéndoles que confirmen su suscripción. Esto puede causar discrepancias entre el número de envíos y el número de suscriptores en ciertas situaciones:

  • El remitente aún no ha verificado el registro con el correo electrónico de confirmación.
  • El remitente ha enviado su correo electrónico varias veces en un corto periodo sin verificar el registro a través del correo electrónico de confirmación inicial.
  • El remitente ha enviado su correo electrónico, pero su dirección ya está en la lista de distribución de correo.

Puedes tomar algunos pasos para mitigar estas discrepancias:

El mensaje posterior al envío no aparece (versión 7.0)

Si has establecido el estilo del bloque de newsletter como estilo Claro y el color de fondo es blanco, esto coloca texto blanco sobre un fondo blanco y hace que el texto sea difícil de ver. Cambia alguno de los ajustes para solucionar este problema.

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.