Diseño de correos electrónicos desde cero

Aprenda a dominar la edición del contenido del correo electrónico. Con el Diseñador de correo electrónico, puede crear correos electrónicos y plantillas que comiencen por o sin su propio contenido predefinido.

Estos son los pasos principales para crear y diseñar un contenido de correo electrónico desde cero mediante el Diseñador de correo electrónico:

1. Cree un correo electrónico y abra su contenido.
2. Añada componentes de estructura para dar forma al correo electrónico. Consulte Edición de la estructura de correo electrónico.
3. Inserte componentes de contenido y fragmentos en los componentes de estructura. Consulte Adición de fragmentos y componentes de contenido.
4. Añada imágenes y edite el texto del correo electrónico. Consulte Inserción de imágenes.
5. Personalice el correo electrónico agregando campos de personalización, vínculos, etc. Consulte Inserción de un campo personalizado, Inserción de un vínculo y Definición de contenido dinámico en un correo electrónico.
6. Defina la línea de asunto del correo electrónico. Consulte Personalización de la línea de asunto de un correo electrónico.
7. Previsualización del correo electrónico.
8. Guarde el contenido y continúe con el mensaje después de asegurarse de que ha definido una audiencia y ha programado la entrega correctamente.

También puede consultar esta vídeo introductorio.

Definición de la estructura de correo electrónico

El Diseñador de correo electrónico le permite definir fácilmente la estructura del correo electrónico. Al agregar y mover elementos estructurales con simples acciones de arrastrar y soltar, puede diseñar la forma de su correo electrónico en cuestión de segundos.

Para editar la estructura de un correo electrónico:

1. Abra un contenido existente o cree un nuevo contenido de correo electrónico.

2. Acceda a la Structure components seleccionando + a la izquierda.

   

3. Arrastre y suelte los componentes de estructura que necesita para dar forma al correo electrónico.

   

   Una línea azul materializa la ubicación exacta de los componentes de estructura antes de soltarla. Puede soltarlo encima, entre o debajo de cualquier otro componente, pero no dentro.

   NOTA

   Tenga en cuenta que la pila de columnas no es compatible con todos los programas de correo electrónico. Cuando no se admita, las columnas no se apilarán.

   Una vez colocados en el correo electrónico, no puede mover ni eliminar los componentes a menos que ya haya un componente de contenido o un fragmento colocado en él.

4. Hay disponibles varios componentes de estructura compuestos por una o más columnas.

   Seleccione el n:n column para definir el número de columnas que elija (entre 3 y 10). También puede definir el ancho de cada columna moviendo las flechas en la parte inferior de cada columna.

   

   NOTA

   Cada tamaño de columna no puede ser inferior al 10 % de la anchura total del componente de estructura. No se puede quitar una columna que no esté vacía.

Una vez definida la estructura, puede añadir fragmentos de contenido y componentes al correo electrónico.

Uso de un encabezado previo

Un encabezado previo es un breve texto de resumen que sigue la línea del asunto cuando se visualiza un correo electrónico desde la bandeja de entrada. El encabezado previo ofrece una tasa de apertura más alta.

Seleccione el Preheader cuadro de edición y complete el contenido.

Puede añadir un Content block, Dynamic content o Personalization fields en el contenido del encabezado previo.

Uso de componentes de contenido

Los componentes de contenido son componentes sin procesar y vacíos que se pueden editar una vez colocados en un correo electrónico.

Puede añadir tantos componentes de contenido como desee en un componente de estructura. También puede moverlas dentro del componente de estructura o a otro componente de estructura.

Esta es la lista de los componentes disponibles en el Diseñador de correo electrónico:

Button

Si necesita utilizar varios botones, en lugar de editarlos desde cero, puede duplicar el Button utilizando la barra de herramientas contextual.

También puede guardar botones en fragmentos que se puedan reutilizar. Para obtener más información, consulte Creación de un fragmento de contenido y Guardado de contenido como fragmento.

Select Fallback view para mostrar la imagen de reserva en el Diseñador de correo electrónico.

Text

Utilice este componente para insertar texto en el correo electrónico. Puede ajustar el color, el estilo y el tamaño del texto en Component Settings.

Divider

Utilice este componente para insertar una línea divisoria en el correo electrónico. Puede seleccionar el color, el estilo y el tamaño de la línea de salto en Component Settings.

HTML

Utilice este componente para copiar y pegar las diferentes partes del HTML existente. Esto le permite crear componentes de HTML modulares gratuitos.

Para hacer que un contenido externo sea compatible con el Diseñador de correo electrónico, Adobe recomienda crear un mensaje desde cero y copiar el contenido del correo electrónico existente en fragmentos y componentes.

Cuando tenga un contenido que no se pueda recrear, puede copiar y pegar el código del HTML del correo electrónico original con el Html componente de contenido. Asegúrese de estar familiarizado con el HTML antes de continuar.

Antes de copiar el contenido

1. En el correo electrónico original, identifique las secciones reutilizables de las secciones que serán únicas para cada correo electrónico que enviará.
2. Guarde todas las imágenes y recursos que desee utilizar.
3. Si está familiarizado con el HTML, divida el contenido original del HTML en diferentes partes.

Vídeo

Inserte el componente de vídeo en un componente de estructura de su correo electrónico e introduzca el vínculo de vídeo en el Component Settings.

Imagen

Utilice este componente para insertar una imagen en el correo electrónico.

Inserte el componente de imagen en un componente de estructura y haga clic en Examinar para cargar un archivo de imagen desde el equipo.

Social

Utilice este componente para insertar vínculos a páginas de medios sociales en el correo electrónico. Puede seleccionar qué vínculos desea mostrar y el tamaño de su icono en Component Settings.

Carrusel

1. Arrastre y suelte la Carousel dentro de un componente de estructura.

2. Busque para seleccionar imágenes del equipo.

   

3. En el Settings , establezca el número de miniaturas que desee en el carrusel.

4. Seleccione una imagen de reserva del equipo.

   

El componente carrusel no es compatible con todos los programas de correo electrónico. Cargue una alternativa para mostrar una imagen cuando el carrusel no sea compatible con el correo electrónico.

Temas relacionados:

• Creación de un correo electrónico
• Selección de una audiencia en un mensaje
• Programación de mensajes
• Vista previa de mensajes
• Procesamiento de correo electrónico

Recursos de Business.Adobe.com

Offer Management Email Creation Email Deliverability Email Testing Omnichannel Marketing Email Service Providers