Ver y editar el diseño de una sección

Las plantillas de Mailchimp te permiten organizar bloques de contenido en secciones separadas, como el encabezado, el cuerpo y el pie de página.

Para aplicar las preferencias de todos los bloques de contenido de una determinada sección, establece los estilos como el tamaño de la fuente y el color de fondo para cada sección. Después de configurar tus preferencias para cada sección, personaliza aún más el diseño de tu campaña en cada bloque de contenido.

En este artículo descubrirás cómo establecer estilos para cada sección de tu campaña y las diferentes opciones de diseño.

Acceder a la pestaña Diseño 

Para acceder a la pestaña Design (Diseño) en el Campaign Builder (Constructor de campaña), sigue estos pasos:

  1. En la sección de Content (Contenido) del constructor de campañas, haz clic en Edit Design (Editar diseño).
  2. Haz clic en la pestaña Design (Diseño) en la ventana del editor.
    Haz clic en la pestaña Design (Diseño) en el lado derecho de la ventana de edición.
  3. Haz clic en la sección que quieres editar.
    Lista de secciones en tu plantilla entre las que puedes elegir.
  4. Establece tus preferencias para la sección y haz clic en Save (Guardar).
    Establece las preferencias de estilo de tu sección.

Nota

Algunas de nuestras plantillas de Themes (Temas) tienen un número limitado de opciones de diseño para ofrecer. Fueron creadas pensando en diseños específicos, por lo que los controles están más limitados. Si deseas una mayor flexibilidad, cambia a una plantilla Basic (Básica).

Opciones de diseño para secciones

Página
El área detrás del contenido central de tu campaña.

  • Estilo de fondo: cambia el color de fondo de la campaña y añade un borde en la parte superior.
  • Borde del correo electrónico: añade un borde únicamente alrededor del contenido central (texto e imágenes) de la campaña.
  • Encabezado 1-4: establece el estilo de tipografía para 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.
    Selecciona el estilo de encabezado en el menú desplegable Styles (Estilos) en la barra de herramientas del editor.

Preencabezado
El área arriba del todo de una campaña que suele incluir publicidad sobre su contenido y un enlace a la página de la campaña enviada. 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.
Ejemplo de cómo puede verse el texto del preencabezado en la bandeja de entrada.

  • Estilo del preencabezado: cambia el color de fondo, añade una imagen de fondo o un borde en la parte superior o inferior.
  • Texto del preencabezado: define el color del texto, la tipografía, el tamaño de la tipografía, la altura de la línea y la alineación.
  • Enlace del preencabezado: cambia el color del texto, el grosor y la decoración de los enlaces.

Encabezado
La imagen principal y el texto en la parte superior de la campaña. Esto es lo primero que suelen ver los suscriptores cuando visitan la campaña. Es buena idea incluir tu logo o el nombre de la empresa para que los suscriptores puedan identificar rápidamente de quién es el correo electrónico.

  • Estilo del encabezado: cambia el color de fondo, añade una imagen de fondo o un borde en la parte superior o inferior.
  • Texto del encabezado: define el color del texto, la tipografía, el tamaño de la tipografía, la altura de la línea y la alineación.
  • Enlace del encabezado: cambia el color del texto, el grosor y la decoración de los enlaces.

Cuerpo

El mensaje principal de tu campaña. Incluye un buen equilibrio entre texto e imágenes para involucrar a los suscriptores.

  • Estilo del cuerpo: cambia el color de fondo, añade una imagen de fondo o un borde en la parte superior o inferior.
  • Texto del cuerpo: define el color del texto, la tipografía, el tamaño de la tipografía, la altura de la línea y la alineación.
  • Enlace del cuerpo: cambia el color del texto, el grosor y la decoración de los enlaces.

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.

  • Estilo de la columna: cambia el color de fondo, añade una imagen de fondo o un borde en la parte superior o inferior.
  • Texto de la columna izquierda: cambia el color del texto, la tipografía, el tamaño de la tipografía, la altura de la línea y la alineación de la columna izquierda.
  • Enlace de la columna izquierda: cambia el color del texto, el grosor y la decoración de los enlaces de la columna izquierda.
  • Texto de la columna central: cambia el color del texto, la tipografía, el tamaño de la tipografía, la altura de la línea y la alineación de la columna central. Solo para plantillas de tres columnas.
  • Enlace de la columna central: cambia el color del texto, el grosor y la decoración de los enlaces de la columna central. Solo para plantillas de tres columnas.
  • Texto de la columna derecha: cambia el color del texto, la tipografía, el tamaño de la tipografía, la altura de la línea y la alineación de la columna derecha.
  • Enlace de la columna derecha: cambia el color del texto, el grosor y la decoración de los enlaces de la columna derecha.

Pie de página
El contenido que figura en la parte inferior de una campaña. Contiene información sobre tu público y empresa y proporciona un enlace para cancelar la suscripción. En muchas plantillas, este contenido viene de forma predeterminada.

  • Estilo del pie de página: cambia el color de fondo, añade una imagen de fondo o un borde en la parte superior o inferior.
  • Texto del pie de página: cambia el color del texto, la tipografía, el tamaño de la tipografía, la altura de la línea y la alineación.
  • Enlace del pie de página: cambia el color del texto, el grosor y la decoración de los enlaces.

Estilos móviles
Cambia el modo en que se muestra una campaña en dispositivos móviles. Previsualiza y prueba la campaña y comprueba que los correos electrónicos se lean perfectamente en todos los dispositivos móviles.

  • Ancho de la plantilla: cambia el ancho de la plantilla para adaptarlos a las dimensiones de pantalla de un dispositivo móvil.
  • Encabezado 1-4: cambia el tamaño de la tipografía y la altura de línea establecidos para los encabezados de una campaña.
  • Boxed Text: cambia el tamaño de la tipografía y la altura de línea correspondientes a los bloques de contenido de Boxed Text (Cuadro de texto) e Image Card (Tarjeta de imagen).
  • Visibilidad del preencabezado: elige entre Show (Mostrar) o Hide (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 puedes cambiar el tamaño de la fuente y la altura de la línea para cada sección de la campaña. Estos estilos se aplican a la campaña solo cuando se visualiza en un dispositivo móvil.

MonkeyRewards
Si tienes el plan gratuito o eres un usuario de pago que desea incluir nuestra insignia MonkeyRewards, puedes elegir el color y estilo de la insignia aquí. Los usuarios de pago pueden elegir entre activar o desactivar la insignia en el menú desplegable Rewards Badge (Insignia de Rewards).


¿Te fue útil este artículo?

¿Hay algo más que podemos hacer para mejorar nuestro sitio?