Show Menu
TEMAS×

Diseño de correos electrónicos desde cero

Aprenda a dominar la edición de contenido de correo electrónico. Con Email Designer, puede crear correos electrónicos y plantillas empezando o sin su propio contenido predefinido.

Pasos clave para crear el correo electrónico

A continuación se indican los pasos principales para crear y diseñar contenido de correo electrónico desde cero con el Diseñador de correo electrónico:
  1. Cree un correo electrónico y abra su contenido.
  2. Agregue componentes de estructura para dar forma al correo electrónico. Consulte Edición de la estructura de correo electrónico.
  3. Inserte componentes y fragmentos de contenido en los componentes de estructura. Consulte Adición de fragmentos y componentes de contenido.
  4. Agregue imágenes y edite el texto del correo electrónico. Consulte Inserción de imágenes .
  5. Personalice su correo electrónico agregando campos de personalización, vínculos, etc. Consulte Inserción de un campo de personalización, 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 de su correo electrónico. See Personalizing the subject line of an email .
  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 puede ver este vídeo de introducción .
Para evitar el diseño del contenido del correo electrónico desde cero, puede utilizar plantillas de contenido integradas. Para obtener más información sobre esto, consulte Plantillas de contenido .

Definición de la estructura de correo electrónico

El Diseñador de correo electrónico 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 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 al 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 colocarlo encima, entre o debajo de cualquier otro componente, pero no dentro.
    Una vez colocados en el correo electrónico, no podrá mover ni eliminar los componentes a menos que ya haya un componente de contenido o un fragmento dentro del mismo.
  4. Hay disponibles varios componentes de estructura compuestos por una o más columnas.
    Seleccione el n:n column componente para definir el número de columnas que desee (entre 3 y 10). También puede definir el ancho de cada columna moviendo las flechas en la parte inferior de cada columna.
    Cada tamaño de columna no puede ser inferior al 10 % del ancho total del componente de estructura. No puede eliminar una columna que no esté vacía.
Una vez definida la estructura, podrá añadir fragmentos de contenido y componentes al correo electrónico.

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 mensaje de correo electrónico.
Puede agregar 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 Diseñador de correo electrónico:
  • Button
    Si necesita utilizar varios botones, en lugar de editarlos desde cero, puede duplicar el Button componente mediante la barra de herramientas contextual.
    También puede guardar botones en fragmentos que se puedan reutilizar. Para obtener más información sobre esto, consulte Creación de un fragmento de contenido y Guardado de contenido como un fragmento .
  1. Seleccione 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 HTML modulares gratuitos.
    Un componente HTML gratuito se puede editar con opciones limitadas. Si no se han alineado todos los estilos, asegúrese de agregar la CSS adecuada en la sección head del código HTML; de lo contrario, el correo electrónico no responderá. Utilice el Preview botón para probar la capacidad de respuesta del contenido (consulte Vista previa de mensajes ).
    Para 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.
    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 que está familiarizado con HTML antes de continuar.
    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 será lo más cercano 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 HTML original en diferentes partes.
  • Video
    Utilice este componente para insertar un vídeo en el correo electrónico.
    Inserte el componente de vídeo en un componente de estructura del correo electrónico e introduzca el vínculo de vídeo en el Component Settings .
  • Image
    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 los vínculos que desea mostrar y el tamaño del icono en Component Settings .
  • Carousel
    1. Arrastre y suelte el Carousel componente dentro de un componente de estructura.
    2. Busque para seleccionar imágenes del equipo.
    3. En el Settings panel, 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 en su lugar cuando el carrusel no sea compatible con el correo electrónico.
    El componente carrusel es compatible con las siguientes plataformas de correo electrónico: Apple Mail 7, Apple Mail 8, Outlook 2011 para Mac, Outlook 2016 para Mac, Mozilla Thunderbird, iPad y iPad mini iOS, iPhone iOS, Android, AOL (Chrome, Firefox y Safari).
Temas relacionados :