Diseño de correos electrónicos desde cero

5 de mayo de 2025
  • Se aplica a:
  • Campaign Standard

Creado para:

  • Principiante
  • Usuario

Obtenga información sobre cómo dominar la edición de contenido de correo electrónico. Con Email Designer, puede crear correos electrónicos y plantillas que comiencen por su propio contenido predefinido o no.

Estos son los pasos principales para crear y diseñar un contenido de correo electrónico desde cero con Email Designer:

  1. Cree un correo electrónico y abra su contenido.
  2. Añadir 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 Agregar 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 su correo electrónico añadiendo campos de personalización, vínculos, etc. Ver Inserción de un campo personalizado, Inserción de un vínculo y Definición de contenido dinámico en un mensaje de correo electrónico.
  6. Defina la línea de asunto del correo electrónico. Ver Personalización de la línea de asunto de un correo electrónico.
  7. Previsualice el correo electrónico.
  8. Guarde el contenido y continúe con el mensaje después de asegurarse de haber definido una audiencia y de haber programado correctamente el envío.

También puedes ver este vídeo de introducción.

NOTE
Para evitar diseñar el contenido del correo electrónico desde cero, puede utilizar plantillas de contenido predeterminadas. Para obtener más información, consulte Plantillas de contenido.

Definición de 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 sencillas acciones de arrastrar y soltar, puede diseñar la forma del 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. Para acceder a Structure components, seleccione el icono + de 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 la estructura antes de soltarla. Puede soltarlo encima, entre o debajo de cualquier otro componente, pero no dentro.

    NOTE
    Tenga en cuenta que la pila de columnas no es compatible con todos los programas de correo electrónico. Cuando no se admite, las columnas no se apilan.
    Una vez colocados en el correo electrónico, no puede mover ni quitar los componentes a menos que ya haya un componente de contenido o un fragmento colocado dentro.

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

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

    NOTE
    Cada tamaño de columna no puede ser inferior al 10 % de la anchura total del componente de la 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 preencabezado

Un preencabezado es un breve texto de resumen que sigue a la línea de asunto cuando se visualiza un correo electrónico desde la bandeja de entrada. El preencabezado ofrece una mayor tasa de apertura.

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

Puede agregar Content block, Dynamic content o Personalization fields al contenido del encabezado previo.

NOTE
Tenga en cuenta que el preencabezado no es compatible con todos los programas de correo electrónico. Cuando no se admite, no se muestra.

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 moverlos dentro del componente de estructura o a otro componente de estructura.

Esta es la lista de los componentes disponibles en el Designer de correo electrónico:

Button

Si necesita utilizar varios botones, en lugar de editar cada botón desde cero, puede duplicar el componente Button mediante la barra de herramientas contextual.

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

Seleccione Fallback view para mostrar la imagen de reserva en el Designer de correo electrónico.

Text

Utilice este componente para insertar texto en el correo electrónico. Puede ajustar el color, estilo y 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 separación en Component Settings.

HTML

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

NOTE
Un componente HTML gratuito es editable con opciones limitadas. Si no todos los estilos están insertados, asegúrese de agregar el CSS adecuado en la sección head del código HTML; de lo contrario, el correo electrónico no responderá. Utilice el botón Preview para probar la capacidad de respuesta del contenido (consulte Vista previa de mensajes).

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

Si tiene contenido que no se puede volver a crear, puede copiar y pegar el código HTML del correo electrónico original mediante el componente de contenido Html. Asegúrese de estar familiarizado con HTML antes de continuar.

NOTE
El nuevo contenido no será la copia exacta de su correo electrónico original, pero los pasos a continuación le guiarán a través de la creación de un mensaje que sea lo más parecido posible.

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 envíe.
  2. Guarde todas las imágenes y recursos que desee utilizar.
  3. Si está familiarizado con HTML, divida el contenido original de HTML en diferentes partes.