Cómo ver y editar el diseño de una sección de los correos electrónicos y páginas de destino

Las plantillas para correos electrónicos y páginas de destino de Mailchimp se dividen en secciones, para ayudar a organizar el contenido y guiar el diseño. Al definir la tipografía, los colores y otros estilos de una sección, los cambios se aplican a todos los bloques de contenido de dicha sección.

En este artículo, descubrirás dónde se encuentran las opciones de diseño de cada sección de tus páginas de destino y marketing por correo electrónico y aprenderás a modificarlas a tu gusto.

Cómo acceder a la pestaña Estilo

Para acceder a la pestaña Estilo del creador de campañas, sigue estos pasos.

1. En la sección Content (Contenido) del creador, haz clic en Edit Design (Editar diseño).
   
2. En el paso de diseño, haz clic en la pestaña Styles (Estilos) de la ventana del editor.
   
3. Haz clic en la sección que deseas editar.
   
4. Configura tus preferencias para la sección y haz clic en Save (Guardar).
   

Opciones de diseño para secciones

Al acceder a las opciones de diseño de una sección, verás una serie de elementos personalizables. Normalmente incluyen colores de fondo, tamaños de tipografía y estilos de enlaces, aunque algunas secciones poseen más opciones como bordes y relleno.

Las secciones disponibles y las opciones de diseño varían según la plantilla. Para obtener más información, consulta Tipos de plantillas para correos electrónicos y Tipos de plantillas para páginas de destino.

En este apartado, repasaremos los elementos más frecuentes disponibles en cada tipo de sección.

Página

El área detrás del contenido de tu correo electrónico o página de destino.

• Background Style (Estilo de fondo)
  Selecciona una imagen o color de fondo y configura su borde y relleno. Si eliges una imagen, también puedes editar su tamaño, posición, patrón de repetición, color alternativo, color de superposición y nivel de transparencia.
• Email Border (Borde del correo electrónico)
  Aplica un borde alrededor del contenido central.
• Heading 1-4 (Título 1-4)
  Establece el estilo de tipografía de los encabezados. Se pueden aplicar encabezados al texto de los bloques de contenido destacando el texto y seleccionando el estilo de encabezado en el menú desplegable Styles (Estilos), en la barra de edición del bloque de contenido.
  

Preencabezado

Área en la parte superior de tu correo electrónico, que normalmente incluye un resumen del contenido de tu campaña y un enlace a la página de la campaña. Muchos clientes de correo electrónico, como Gmail y Yahoo, muestran en su bandeja de entrada el texto del preencabezado después del texto de vista previa y la línea de asunto de la campaña.

• Estilo del preencabezado
  Selecciona una imagen o color de fondo y configura su borde y relleno. Si eliges una imagen, también puedes editar su tamaño, posición, patrón de repetición, color alternativo, color de superposición y nivel de transparencia.
• Texto del preencabezado
  Cambia el color del texto, la tipografía, el tamaño, la altura de la línea y la alineación.
• Preheader Link (Enlace de preencabezado)
  Cambia el color y el estilo del enlace.

Encabezado

La imagen y el texto principales de la parte superior del correo electrónico o de la página de destino. Suele ser lo primero que ven los destinatarios o los visitantes de una página.

• Header Style (Estilo de encabezado)
  Selecciona una imagen o color de fondo y configura su borde y relleno. Si eliges una imagen, también puedes editar su tamaño, posición, patrón de repetición, color alternativo, color de superposición y nivel de transparencia.
• Header Text (Texto de encabezado)
  Cambia el color del texto, la tipografía, el tamaño, la altura de la línea y la alineación.
• Header Link (Enlace de encabezado)
  Cambia el color y el estilo del enlace.

Cuerpo

Es el contenido principal de tu correo electrónico o página de destino. Procura establecer un buen equilibrio entre el texto y las imágenes para atraer a los destinatarios o visitantes.

• Body Style (Estilo del cuerpo)
  Selecciona una imagen o color de fondo y configura su borde y relleno. Si eliges una imagen, también puedes editar su tamaño, posición, patrón de repetición, color alternativo, color de superposición y nivel de transparencia.
• Body Text (Texto del cuerpo)
  Cambia el color del texto, la tipografía, el tamaño, la altura de la línea y la alineación.
• Body Link (Enlace del cuerpo)
  Cambia el color y el estilo del enlace.

Columnas

Contenido que aparece en dos o tres columnas en lugar de en una sola. Si tu plantilla también incluye una sección de cuerpo, se suele colocar la información menos importante en las columnas. Esta opción está disponible únicamente en plantillas con más de una columna.

• Column Style (Estilo de columna)
  Selecciona una imagen o color de fondo y configura su borde y relleno. Si eliges una imagen, también puedes editar su tamaño, posición, patrón de repetición, color alternativo, color de superposición y nivel de transparencia.
• Column Text (Texto de columna)
  Cambia el color del texto, la tipografía, su tamaño, la altura de la línea y la alineación de una o varias columnas.
• Column Link (Enlace de columna)
  Cambia el color y el estilo del enlace de una o varias columnas.

Pie de página

El contenido de la parte inferior de tu correo electrónico o página de destino. Esta sección se usa a menudo para incluir marcas comerciales y la letra pequeña.

• Footer Style (Estilo de pie de página)
  Selecciona una imagen o color de fondo y configura su borde y relleno. Si eliges una imagen, también puedes editar su tamaño, posición, patrón de repetición, color alternativo, color de superposición y nivel de transparencia.
• Footer Text (Texto de pie de página)
  Cambia el color del texto, la tipografía, el tamaño, la altura de la línea y la alineación.
• Footer Link (Enlace de pie de página)
  Cambia el color y el estilo del enlace.

Estilos en móvil

Cambia el modo en que se muestra un correo electrónico o una página de destino en dispositivos móviles. Con la función vista previa, revisa que los diseños estén optimizados para su lectura en dispositivos móviles.

• Heading 1-4 (Título 1-4)
  Cambia el tamaño de tipografía y la altura de línea para optimizar cómo se muestran los encabezados en dispositivos móviles.
• Texto en cuadros
  Cambia el tamaño de la tipografía y la altura de línea correspondientes a los bloques de contenido de texto en cuadros y de tarjeta de imagen para optimizar cómo se muestran en dispositivos móviles.
• Visibilidad del preencabezado
  Si el contenido incluye un preencabezado, elige entre mostrar u ocultar el preencabezado cuando se vea en un dispositivo móvil. En los dispositivos móviles, el preencabezado se apila, por lo que el texto en el lado izquierdo del preencabezado aparece encima del texto del lado derecho.

También tienes la opción de cambiar el tamaño de la tipografía y la altura de línea de cada sección. Estos estilos se aplican solo cuando se accede al contenido desde un dispositivo móvil.

Programa de recomendaciones

Si tienes el plan gratuito o eres un usuario de pago que desea incluir nuestra insignia de recomendación en tu marketing por correo electrónico, aquí puedes elegir el color y estilo del logotipo. Los usuarios de pago pueden elegir entre activar o desactivar la insignia en el menú desplegable Rewards Badge (Insignia de recompensas).

Barra de notificaciones

Si está activada, la sección barra de notificaciones aparece cuando alguien visita tu página de destino por primera vez. Es un buen lugar para notificar a tus usuarios si usas alguna herramienta de seguimiento como el Seguimiento con Mailchimp, el Píxel de Meta (anteriormente Píxel de Facebook) o Google Analytics.

• Control deslizante Enable Notification (Activar notificaciones)
  Activa la barra de notificaciones que aparece en la parte superior de tu página de destino.

La insignia de Mailchimp

La insignia de Mailchimp está ubicada en la parte inferior de tu página de destino. Incluye el logo de Mailchimp y un enlace para denunciar usos inadecuados. Si bien esta insignia es obligatoria con los planes gratuitos, en los planes de pago se puede eliminar.

• Control deslizante Enable Mailchimp Badge (Activar insignia de Mailchimp)
  Desactiva la insignia que aparece en la parte inferior de tu página de destino.
• Style (Estilo)
  Cambia el aspecto de la insignia de privacidad.