Diseñar un correo electrónico con el nuevo creador

El nuevo creador de correos electrónicos de Mailchimp te proporciona las herramientas para diseñar rápidamente atractivos correos electrónicos de marketing. Comienza con una de nuestras elegantes plantillas, mezcla y combina los bloques de contenido, y personalízalos con tus propias imágenes, texto y marca.

En este artículo, aprenderás a diseñar un correo electrónico con el nuevo creador.

Antes de empezar

A continuación, se detallan algunos puntos que debes conocer antes de empezar este proceso.

• En este artículo, te explicamos cómo utilizar nuestro nuevo creador. Para obtener más información sobre nuestro creador clásico, consulta Diseñar un correo electrónico con el creador clásico. Para cambiar de creador, consulta Cambia tu creador de correo electrónico predeterminado.
• El nuevo creador de correo electrónico está disponible para correos electrónicos estándar, acciones por correo electrónico de recorrido del cliente, puntos de contacto por correo electrónico en el gestor de campañas, correos electrónicos de pruebas A/B y correos electrónicos de pruebas multivariantes. El nuevo creador también está disponible en estas automatizaciones clásicas: correos electrónicos de carrito abandonado simples y correo electrónico automatizado de bienvenida.
• Si tienes una tienda de de e-commerce compatible o una integración con la API 3.0 personalizada, puedes usar bloques de contenido de producto y bloques de carrito abandonado con el nuevo creador de correos electrónicos.

Seleccionar una plantilla

Después de crear un correo electrónico estándar, selecciona una plantilla para empezar a diseñar tu correo electrónico. Elige entre plantillas de Mailchimp, un correo electrónico enviado anteriormente, tus plantillas de correo electrónico guardadas o más.

Es posible que no tengas acceso a todas las opciones de plantillas, dependiendo de tu plan. Para averiguar qué funciones incluye cada plan, consulta nuestra página de precios.

A continuación, te explicamos cuáles son las diferentes opciones de plantillas y qué incluye cada una.

• Plantillas de Mailchimp
  Nuestras plantillas ofrecen un punto de partida para tus diseños. Elige una de nuestras opciones, utiliza el asistente creativo para trabajar con los activos de tu marca o empieza desde cero. Utiliza los filtros para encontrar plantillas para el propósito de tu correo electrónico, sector o tipo de plan.
• Saved Templates (Plantillas guardadas)
  Esta pestaña incluye cualquier diseño de correo electrónico que hayas guardado previamente como plantilla para utilizarlo en futuros correos electrónicos de marketing. Selecciona una plantilla guardada y edita el contenido y el diseño como quieras.
• Correos electrónicos enviados recientemente
  Elige uno de tus correos electrónicos enviados recientemente como inspiración para un nuevo diseño. Vamos a crear una copia exacta del contenido y del diseño del correo electrónico para que puedas editarla cuanto lo necesites, sin necesidad de empezar de cero.
• Borradores de correos electrónicos
  Utiliza un borrador de correo electrónico para elegir un diseño en el que hayas empezado a trabajar, pero que no hayas enviado. Vamos a crear una copia exacta del contenido y del diseño del correo electrónico para que puedas editarla cuanto lo necesites, sin necesidad de empezar de cero.
• Code Your Own (Programar tu propia plantilla)
  Utiliza nuestro creador clásico para pegar o importar una plantilla HTML personalizada a Mailchimp. Esta función avanzada está disponible para cuentas con un plan Standard o superior y se recomienda a personas familiarizadas con la codificación personalizada.

Cuando utilices un correo electrónico clásico en el nuevo creador de correos electrónicos, incorporaremos tu diseño anterior al nuevo diseño.

Cambiar plantilla (Change Template)

Después de elegir tu plantilla de correo electrónico, puedes cambiarla en cualquier momento. Para cambiar la plantilla de tu correo electrónico, haz clic en el menú desplegable Save and exit (Guardar y salir) y, a continuación, haz clic en Change template (Cambiar plantilla).

¡Buen trabajo! A continuación, elegirás los estilos de tu correo electrónico, y luego añadirás y diseñarás el contenido de tu correo electrónico.

Elegir los estilos de correo electrónico

Usa las opciones del panel Styles (Estilos) para elegir las opciones de estilo predeterminadas para tu correo electrónico en escritorio y móvil. En Desktop (Escritorio), elige opciones de estilo para el fondo del correo electrónico, el texto, el enlace, los botones y el divisor. Para Móvil, elige estilos para el relleno, el texto, los botones y los divisores del correo electrónico. Después de elegir los estilos de tu correo electrónico, haz elecciones adicionales en los bloques de contenido y secciones individuales.

Para obtener información sobre las opciones de estilo para las secciones de encabezado, cuerpo y pie de página, consulta Ver y editar Diseño de sección en Correo electrónico y Páginas de destino.

Elegir los estilos para escritorio

Para elegir estilos predeterminados para escritorio, sigue estos pasos.

1. Haz clic en Styles (Estilos). La pestaña Desktop (Escritorio) se abrirá automáticamente.
   
2. Haz clic en el menú desplegable Email (Correo electrónico) y luego selecciona el Background color (Color de fondo) y el Body color (Color del cuerpo)predeterminados del correo electrónico. También puedes añadir una imagen de fondo a tu correo electrónico . Cuando termines, haz clic en el menú desplegable para cerrarlo.
3. Haz clic en el menú desplegable Texto y, a continuación, utiliza las pestañas de la barra de herramientas de edición para establecer tus opciones de formato predeterminadas para el texto del párrafo y los niveles de encabezamiento. También puedes elegir la altura de línea, el espaciado entre letras, el espaciado entre párrafosy la dirección del texto. Cuando termines, haz clic en el menú desplegable para cerrarlo.
4. Haz clic en el menú desplegable Link (Enlace) y selecciona el Link color (Color del enlace) y el __Style (Estilo)predeterminados. Cuando termines, haz clic en el menú desplegable para cerrarlo. También puedes elegir colores y estilos de enlace individuales cuando añadas contenido a tu correo electrónico.
5. Haz clic en el desplegable Botón y elige las opciones de formato predeterminadas. Cuando termines, haz clic en el menú desplegable para cerrarlo.
6. Haz clic en el desplegable Divisor y selecciona la Altura (px), la Anchura (%), el Estiloy el Color del divisorpredeterminados. Cuando termines, haz clic en el menú desplegable para cerrarlo.

Después de elegir tus estilos, cualquier contenido nuevo que añadas al correo electrónico se ajustará a esas opciones de estilo. Cambia los estilos de tu correo electrónico cuando quieras.

Elegir los estilos para móvil

Para elegir estilos en móvil predeterminados, sigue estos pasos.

1. Haz clic en Styles (Estilos)y, a continuación, en la pestaña Mobile (Móvil) .
   

2. Haz clic en el menú desplegable Email y elige tu Padding (Relleno). Cuando termines, haz clic en el menú desplegable para cerrarlo.

3. Haz clic en el menú desplegable Texto y, a continuación, utiliza las pestañas de la barra de herramientas de edición para establecer tus opciones de formato predeterminadas para el texto del párrafo y los niveles de encabezamiento. También puedes elegir la altura de línea y el espaciado entre párrafos. Cuando termines, haz clic en el menú desplegable para cerrarlo.
4. Haz clic en el menú desplegable Botones y selecciona el tamaño y la tipografía predeterminados del botón. Cuando termines, haz clic en el menú desplegable para cerrarlo.
5. Haz clic en el desplegable Divisor y selecciona la Altura (px) y la Anchura (%). Cuando termines, haz clic en el menú desplegable para cerrarlo.

Cambia los estilos de bloques de contenido individuales sin cambiar también los estilos predeterminados de tu correo electrónico. Cuando editas el estilo de un bloque de contenido individual, solo se aplica a ese bloque de contenido. Puedes realizar cambios en los estilos predeterminados de un correo electrónico y los estilos de los bloques de contenido individuales permanecerán inalterados. Haz clic en Restaurar estilos predeterminados dentro de un bloque de contenido Texto, Botón o Divisor para que coincidan con los valores predeterminados en el panel Estilos del correo electrónico.

Añadir bloques de contenido y diseños

Utiliza bloques de contenido y diseños para formatear y diseñar tu correo electrónico. Añade o elimina diferentes tipos de bloques para personalizar y reorganizar fácilmente el contenido que quieres compartir. En la pestaña Diseños, añade un diseño en blanco o prediseñado para crear secciones en columnas para tu correo electrónico. Si no deseas utilizar un diseño específico para las columnas, arrastra y suelta cualquier bloque de contenido para crear hasta 4 columnas.

En esta sección, repasaremos cómo añadir, mover, eliminar y duplicar tus bloques de contenido y diseños.

Añadir bloques de contenido

Los bloques de contenido son los componentes básicos del diseño y el mensaje de tu correo electrónico. Consulta Acerca de los creadores de correo electrónico de Mailchimp para conocer cada bloque de contenido.

Para añadir bloques de contenido a tu correo electrónico, haz clic en Add (Añadir). La pestaña Content (Contenido) se abrirá automáticamente. Arrastra y suelta el bloque de contenido con el que quieras trabajar directamente en tu diseño.

Después de añadir un bloque, utiliza el menú de edición y la barra de herramientas para personalizarlo y adaptarlo a tu diseño. Haz clic en un bloque existente para acceder a sus opciones de edición.

Añadir diseños

Los diseños crean áreas en columnas para el contenido que incluyas en tu correo electrónico. Los diseños en blanco proporcionan áreas para que coloques los bloques de contenido como consideres conveniente. Los diseños predefinidos incluyen bloques de contenido elegidos para ayudarte a empezar. También puedes añadir, eliminar o reorganizar los bloques de contenido de tu diseño con la función de arrastrar y soltar.

Para añadir un diseño a tu correo electrónico, haz clic en Add (Añadir)y, a continuación, haz clic en la pestaña Layouts (Diseños) . Arrastra y suelta el diseño con el que quieras trabajar directamente en tu diseño. A continuación, arrastra y suelta tu contenido en los campos de diseño proporcionados.

Cuando añadas un diseño predefinido, también podrás elegir entre las opciones disponibles Image & Text (Imagen y texto) o Text & Text (Texto y texto).

Después de añadir un diseño, rellena las columnas con tus diseños y bloques de contenido.

Editar estilos

Los estilos y las opciones para el diseño de tu correo electrónico se pueden aplicar desde diferentes lugares. Cada sección de tu correo electrónico está relacionada con otra en una jerarquía, por lo que los estilos que establezcas en un área pueden afectar a otras secciones.

• Pestaña Estilo de sección
  Cada plantilla se divide en secciones, como el encabezado, el cuerpo y el pie de página. Haz clic en una sección para abrir las opciones de estilo. Cuando aplicas estilos a una sección, también se aplican a todos los bloques de contenido de esa sección.
• Pestañas Estilo y Opciones de los bloques de contenido
  Si quieres que uno de tus bloques de contenido tenga un estilo diferente al de otros bloques de contenido de su sección, haz clic en ese bloque de contenido para ver tus opciones de estilo. Los estilos que apliques aquí invalidarán el estilo de la sección en la que se encuentra ese bloque de contenido.
• Barra de herramientas del editor
  Utiliza la barra de herramientas del editor para contenido como párrafo y encabezado de bloques de contenido para ajustar el estilo línea por línea. Los cambios que realices aquí invalidarán los estilos que hayas fijado para ese bloque de contenido o sección.

Cómo mover, eliminar o duplicar bloques y diseños

Puedes mover la mayoría de los bloques de contenido y diseños a cualquier lugar de tu plantilla, o eliminarlos según necesites. También puedes duplicarlos para crear una copia exacta.

Para mover, eliminar o duplicar bloques y diseños, haz clic en el que quieras trabajar para abrir la barra de herramientas.

Haz clic y mantén pulsado el icono de arrastrar para mover el bloque de contenido a un nuevo lugar en el diseño de tu correo electrónico. Si lo deseas, arrastra y suelta los bloques de contenido existentes para crear hasta cuatro columnas.

Para hacer una copia exacta del bloque o diseño, haz clic en el icono duplicar . Si quieres eliminar el bloque o diseño, haz clic en el icono de la papelera .

Revisa las sugerencias

A medida que añadas contenido a tu correo electrónico, te sugeriremos formas que te ayudarán a mejorar tu mensaje. Si encontramos algún problema, como un enlace roto o una etiqueta Merge, lo marcaremos con un icono de exclamación. Haz clic en el icono para ver nuestras sugerencias.

Haz clic en el panel Optimize (Optimizar) para ver los tipos de problemas, así como el número total de problemas de cada tipo.

Estos números se actualizan a medida que resuelve cada problema. Activa o desactiva los controles deslizantes para controlar qué tipos de sugerencias mostrar. Para obtener más información sobre el panel Optimize (Optimizar), consulta Acerca del optimizador de contenido.

Deshacer y rehacer los cambios

Mientras estás trabajando en el diseño y en el contenido de tu correo electrónico, puedes deshacer y rehacer los cambios que hayas realizado.

Para deshacer un cambio, haz clic en el icono de la flecha de deshacer .

Para rehacer un cambio deshecho, haz clic en el icono de la flecha de rehacer .

Vista previa y probar el correo electrónico

Cuando hayas terminado de diseñar tu correo electrónico, obtén una vista previa y pruébalo para asegurarte de que todo se vea bien. Para obtener más información, consulta nuestro artículo Vista previa y probar un correo electrónico.

Guardar y salir

Cuando tengas todo listo para guardar tu diseño del correo electrónico, haz clic en Save and exit (Guardar y salir).

¡Genial! Volverás a la lista de comprobación, donde podrás seguir configurando tu correo electrónico según sea necesario. Para reutilizar el diseño de tu correo electrónico, guárdalo como una plantilla que puedes compartir con otras cuentas de Mailchimp con las que trabajes.