Creación de correo electrónico

Utilice Adobe Journey Optimizer B2B edition para enviar mensajes de correo electrónico a sus clientes. Puede crear, personalizar y obtener una vista previa de los mensajes en el diseñador visual.

Añadir una acción de correo electrónico en un recorrido de cuenta

Puede configurar los envíos de correo electrónico en un Recorrido de cuentas cuando agregue un nodo Realizar una acción y hacer lo siguiente:

  1. Para la acción en destino, elige Personas.

  2. Para la acción sobre personas, elige Enviar correo electrónico.

  3. Para el origen del correo electrónico, elija Crear nuevo correo electrónico.

    También puede seleccionar la opción Seleccionar correo electrónico de Adobe Marketo Engage para usar uno de los correos electrónicos creados previamente en Marketo Engage y enviarlo como parte del Recorrido de cuentas.

    note note
    NOTE
    Si crea un correo electrónico por primera vez, asegúrese de que el canal de correo electrónico esté configurado desde Adobe Marketo Engage. Para obtener más información, consulte Garantizar la entrega de correos electrónicos en la documentación del Marketo Engage.

    Realizar una acción: enviar un correo electrónico {width="700" modal="regular"}

  4. En la parte inferior del panel Realizar una acción, haga clic en Crear correo electrónico.

  5. En el cuadro de diálogo, escriba un Nombre único para el correo electrónico y una Línea de asunto.

    Crear nuevo cuadro de diálogo de correo electrónico {width="400"}

  6. Haga clic en Crear.

    En la sección Propiedades de correo electrónico de la página de contenido de correo electrónico, los campos De correo electrónico y Responder a dirección ya están configurados. Puede escribir valores para los campos Nombre del formulario y Descripción (opcional).

Creación de contenido de correo electrónico

Haga clic en Agregar contenido de correo electrónico en la parte superior del panel de vista previa de Correo electrónico.

Haga clic en Agregar contenido de correo electrónico {width="700" modal="regular"}

Esta acción inicia el Designer de correo electrónico, donde puede elegir cómo desea diseñar el correo electrónico entre las siguientes opciones:

Para configurar y personalizar la línea de asunto con el editor de expresiones, haga clic en el icono Personalization y agregue cualquiera de los tokens de Marketo Engage.

Después de crear y personalizar el contenido del correo electrónico, puede exportarlo para su validación o uso posterior. Haga clic en HTML de exportación para guardar el contenido como archivo .zip que incluye el HTML y los recursos.

TIP
Utilice el asistente de IA en Adobe Journey Optimizer B2B edition, con tecnología de IA generativa, para elevar el contenido al siguiente nivel. El asistente de IA puede ayudarle a optimizar el impacto de sus envíos generando correos electrónicos completos, contenido de texto de destino y obteniendo recomendaciones del asistente de IA para imágenes que resuenen con su audiencia. Más información

Diseñe el correo electrónico desde cero design-from-scratch

Utilice el editor de contenido visual para definir la estructura del contenido del correo electrónico. Al agregar y mover componentes estructurales con sencillas acciones de arrastrar y soltar, puede diseñar la forma del contenido del correo electrónico reutilizable en cuestión de segundos.

  1. En la página de inicio de Diseña tu plantilla, selecciona la opción Diseñar desde cero.

  2. Agregar estructura y contenido al mensaje de correo electrónico.

  3. Agregar recursos de imagen al mensaje de correo electrónico.

  4. Personalizar el contenido del correo electrónico.

  5. Revisar y actualizar vínculos.

Cuando finalice el contenido, haga clic en Simular contenido en la parte superior para comprobar la renderización. Puede elegir la vista de escritorio o la vista móvil.

Cuando esté satisfecho con el contenido, haga clic en Guardar.

Importación de contenido de HTML existente

El contenido importado puede ser:

  • Archivo de HTML con una hoja de estilos incorporada

  • Archivo .zip que incluye un archivo de HTML, la hoja de estilos (.css) y las imágenes

    note note
    NOTE
    No hay restricciones en la estructura de archivos .zip. Sin embargo, las referencias deben ser relativas y ajustarse a la estructura de árbol de la carpeta .zip. Las imágenes siempre se cargan en el repositorio de recursos del Marketo Engage conectado. Si desea administrar los archivos de imagen en Experience Manager Assets, cárguelos por separado en esa interfaz de aplicación y cambie los vínculos de imagen en el diseñador de correo electrónico.

Para importar un archivo que contenga contenido de HTML:

  1. En la página de inicio de Diseña tu plantilla, selecciona la opción Importar HTML.

  2. Arrastre y suelte el archivo HTML o .zip que contiene el contenido del HTML y haga clic en Importar.

importar contenido html en un archivo zip {width="500"}

NOTE
El uso de una etiqueta <table> como primera capa en un archivo de HTML puede causar la pérdida de estilo, incluida la configuración del fondo y el ancho en la etiqueta de capa superior.

Puede personalizar el contenido importado según sea necesario con las herramientas visuales del editor de correo electrónico.

Seleccionar una plantilla

Puede elegir entre:

  • Plantillas de ejemplo. La interfaz de Journey Optimizer ofrece 20 plantillas de correo electrónico predeterminadas entre las que puede elegir.

  • Plantillas guardadas. Use una plantilla personalizada guardada que haya creado desde cero mediante el menú Plantillas o que se haya guardado desde un correo electrónico en un recorrido mediante la opción Guardar como plantilla de contenido.

Utilice la sección Seleccionar plantilla de diseño para empezar a crear contenido a partir de una plantilla. Puede utilizar una plantilla de ejemplo o una plantilla de correo electrónico personalizada guardada desde la instancia de Journey Optimizer B2B Edition.

Plantillas guardadas

En la página de inicio de Diseño de la plantilla, la ficha Plantillas de ejemplo está seleccionada de forma predeterminada. Para usar una plantilla personalizada, selecciona la pestaña Plantillas guardadas.

Se muestra la lista de todas las plantillas de correo electrónico creadas en la zona protegida actual. Puede ordenarlos por Nombre, Última modificación y Última creación.

Elegir una plantilla guardada {width="800" modal="regular"}

Seleccione la plantilla que desee en la lista.

Después de la selección, se muestra una previsualización de la plantilla. En el modo de vista previa, puede desplazarse entre todas las plantillas de una categoría (de ejemplo o guardadas, según su selección) utilizando las flechas derecha e izquierda.

Vista previa de la plantilla guardada {width="800" modal="regular"}

Cuando la pantalla coincida con lo que desea usar, haga clic en Usar esta plantilla en la parte superior derecha de la ventana de vista previa.

Esta acción copia el contenido en el diseñador de contenido visual, donde puede editarlo según sea necesario.

Plantillas de muestra

Adobe Journey Optimizer B2B Edition ofrece una selección de plantillas de correo electrónico listas para usar, que se pueden usar para crear correos electrónicos y plantillas de correo electrónico.

Elija una plantilla proporcionada por el Adobe {width="800" modal="regular"}

NOTE
Las plantillas guardadas pueden tener configuraciones de gobernanza (bloqueo de contenido) aplicadas a uno o varios componentes. El diseñador visual proporciona directrices sobre los componentes bloqueados cuando crea un correo electrónico a partir de una plantilla controlada.

Añadir estructura y contenido structure-content

  1. Para iniciar el diseño de contenido, arrastre un elemento desde Structures y suéltelo en el lienzo.

    Agregue tantos elementos de Structures como necesite y edite la configuración de cada uno en el panel de la derecha.

    note tip
    TIP
    Seleccione el componente n:n column para definir el número de columnas que desee (entre tres y 10). También puede definir el ancho de cada columna moviendo las flechas debajo de la columna.

    Arrastre una estructura al lienzo y ajuste la configuración {width="800" modal="regular"}

    Cada tamaño de columna no puede ser inferior al 10 % de la anchura total del componente de estructura. Solo se pueden eliminar columnas vacías.

  2. Expanda la sección Contenido y agregue tantos elementos como necesite a uno o más componentes de estructura.

    Arrastre un elemento de contenido al lienzo y ajuste la configuración {width="800" modal="regular"}

  3. Si es necesario, puede realizar personalizaciones adicionales para cada componente en las fichas Configuración o Estilo.

    Por ejemplo, puede cambiar el estilo del texto, el relleno o el margen de cada componente.

  4. Para agregar contenido condicional y adaptar el contenido a los perfiles de destino según las reglas condicionales, seleccione un componente de contenido y haga clic en el icono Habilitar contenido condicional de la barra de herramientas de componentes.

    Para obtener más información, consulte Contenido condicional.

Añadir fragmentos

En el editor de contenido visual, el icono Fragmentos se muestra a la izquierda. En el siguiente ejemplo se describen los pasos para agregar fragmentos al contenido de la plantilla.

  1. Para abrir la lista de fragmentos, haga clic en el icono Fragmentos.

    Puede hacer lo siguiente:

    • Ordenar el listado.
    • Examine, busque o filtre la lista.
    • Cambiar entre las vistas Miniaturas y Lista.
    • Actualice la lista para reflejar cualquiera de los fragmentos creados recientemente.

    Seleccionar un fragmento de la lista {width="700" modal="regular"}

  2. Arrastre y suelte cualquiera de los fragmentos en el marcador de posición del componente estructural.

    El editor procesa el fragmento dentro de la sección o el elemento de la estructura de correo electrónico.

El contenido del fragmento se actualiza dinámicamente dentro de la estructura para mostrar cómo aparece el contenido en el correo electrónico.

TIP
Para agregar el fragmento de modo que ocupe todo el diseño horizontal dentro del correo electrónico, agregue una estructura de columna 1:1 y, a continuación, arrastre y suelte el fragmento en él.

Una vez guardado el correo electrónico, aparecerá en la página de detalles del fragmento al seleccionar la pestaña Utilizado por en el resumen. Los fragmentos agregados a una plantilla de correo electrónico no se pueden editar dentro de la plantilla: el fragmento de origen define el contenido.

Añadir recursos

En el editor de contenido visual, seleccione el icono Assets ( Mostrar Assets ) que se muestra a la izquierda.

NOTE
Si tiene una suscripción al as a Cloud Service de Experience Manager Assets junto con el Adobe Marketo Engage Design Studio predeterminado, elija el origen de imagen en el momento de la creación para un correo electrónico, una plantilla de correo electrónico o un fragmento visual. También puede seleccionar el origen de la imagen antes de abrir el diseñador visual para editarlo.

En el siguiente ejemplo se describen los pasos para agregar recursos al contenido de la plantilla:

  1. Para abrir la biblioteca de recursos, haga clic en el icono Assets.

    Desde el selector de recursos, puede seleccionar directamente los recursos almacenados en la biblioteca de origen.

  2. Añada un nuevo recurso arrastrando y soltando el recurso de imagen en un componente de estructura.

    Arrastre un recurso de Marketo Engage al lienzo y ajuste la configuración {width="800" modal="regular"}

    Para obtener más información sobre el uso de recursos del tipo de origen, consulte Agregar recursos al contenido.

  3. Reemplace un recurso de imagen existente seleccionándolo en el lienzo y haciendo clic en Seleccionar un recurso en las herramientas de origen de imagen.

    Seleccione un recurso de la biblioteca de origen {width="600" modal="regular"}

Desplazamiento por las capas, la configuración y los estilos

A medida que trabaja con el contenido en el diseñador visual, puede tener acceso a las capas, contenedores y elementos mediante el árbol Navegación. Haga clic en el icono Navegación para mostrar el árbol a la izquierda del lienzo.

Acceder a las capas de contenido {width="800" modal="regular"}

En el ejemplo siguiente se describen los pasos para ajustar el relleno y la alineación vertical dentro de un componente de estructura compuesto por columnas.

  1. Seleccione la columna en el componente de estructura directamente en el lienzo o mediante el árbol de navegación que se muestra a la izquierda.

  2. En la barra de herramientas de la columna, haga clic en la herramienta Seleccionar una columna y elija la que desee editar.

    También puede seleccionarlo en el árbol de estructura. Los parámetros editables de esa columna se muestran en las fichas Configuración y Estilos de la derecha.

    Componentes de columna mostrados en el diseñador visual {width="800" modal="regular"}

  3. Para editar las propiedades de la columna, haga clic en la ficha Estilos de la derecha y cámbielas según sus necesidades:

    • Para Background, cambie el color de fondo según sea necesario.

      Desactive la casilla de verificación para un fondo transparente. Habilite la configuración de imagen de fondo para usar una imagen como fondo en lugar de un color sólido.

    • Para Alignment, selecciona el icono Top, Middle o Bottom.

    • Para Padding, defina el relleno para todos los lados.

      Seleccione relleno diferente para cada lado si desea ajustar el relleno. Haga clic en el icono Bloquear para interrumpir la sincronización.

    • Expanda la sección Avanzado para definir estilos en línea para la columna.

    Cambiar los estilos de la columna seleccionada {width="700" modal="regular"}

  4. Si es necesario, repita estos pasos para ajustar la alineación y el relleno de las demás columnas del componente.

  5. Guarde los cambios.

Personalizar contenido

Journey Optimizer B2B Edition utiliza una sintaxis simple en línea que le permite crear expresiones con contenido personalizado entre llaves dobles {}. Puede agregar varias expresiones en el mismo contenido o campo sin restricciones.

Ejemplos:

  • Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}

  • Hello {{profile.person.name.fullName}}

Al procesar el mensaje (correo electrónico y SMS), Journey Optimizer B2B Edition reemplaza la expresión por los datos contenidos en la base de datos de Experience Platform. Así, el primer ejemplo se convierte en Hello John Doe.

En el siguiente ejemplo se describen los pasos para personalizar el contenido mediante atributos de cliente potencial/cuenta y tokens del sistema.

  1. Seleccione el componente de texto y haga clic en el icono Agregar personalización de la barra de herramientas.

    Haga clic en el icono Personalizar {width="600"}

    Esta acción abre el diálogo Editar Personalization.

  2. Haga clic en + o para agregar un token al espacio en blanco.

    Construir texto personalizado con tokens {width="700" modal="regular"}

  3. Haga clic en Guardar.

Editar seguimiento de URL vinculadas

  1. Haga clic en el icono Links de la izquierda para mostrar todas las direcciones URL del contenido que se va a rastrear.

  2. Si es necesario, haz clic en el icono Editar (lápiz) y modifica Tipo de seguimiento o Etiqueta.

    También puede agregar Etiquetas para un vínculo.

Haga clic en Más para acceder a las acciones de plantilla {width="500"}

Ver opciones

Aproveche las opciones de vista y validación de contenido disponibles en el editor de correo electrónico visual.

  • Acercar/alejar el contenido en las opciones de zoom preestablecidas.

  • Cambie la visualización del contenido en Escritorio, Móvil o Solo texto/Texto sin formato.

    • Haz clic en el icono Ver para obtener una vista previa del contenido entre dispositivos.
    • Seleccione uno de los dispositivos predeterminados o introduzca dimensiones personalizadas para obtener una vista previa del contenido.

Más opciones

En el menú Más… de la parte superior del diseñador de correo electrónico, puede realizar las siguientes acciones:

Haga clic en Más para acceder a las acciones de plantilla {width="500"}

  • Restablecer correo electrónico: haga clic en esta opción para borrar el lienzo del diseñador de correo electrónico visual de una pizarra en blanco y reiniciar la creación del contenido.
  • Guardar como fragmento: guarde todo o parte del correo electrónico como un fragmento para reutilizarlo en varios correos electrónicos o plantillas de correo electrónico. Proporcione un nombre y una descripción para el fragmento y guárdelo en la lista de fragmentos disponibles.
  • Cambia tu diseño - Vuelve a la página Diseña tu correo electrónico. Desde allí, puede elegir otra plantilla para reiniciar el proceso de diseño o elegir diseñar el contenido desde cero en un lienzo negro.\
  • Guardar como plantilla de contenido - Guarde el cuerpo del correo electrónico como una plantilla de correo electrónico para reutilizarla en varios correos electrónicos o plantillas de correo electrónico. Proporcione un nombre y una descripción para la plantilla y guárdela en la lista de plantillas de correo electrónico guardadas.
  • HTML de exportación: descargue el contenido del lienzo visual en su sistema local en formato de HTML empaquetado como archivo zip.

Comprobación de alertas

Al diseñar el contenido del mensaje de correo electrónico, se muestran alertas en la interfaz (parte superior derecha de la página) cuando falta la configuración clave.

Si no ve este botón, no se detectan problemas.

Se pueden detectar dos tipos de alertas:

  • Advertencias que hacen referencia a recomendaciones y prácticas recomendadas, como:

    • The opt-out link is not present in the email body: se recomienda agregar un vínculo para darse de baja al cuerpo del correo electrónico.

      note note
      NOTE
      Los mensajes de correo electrónico de estilo marketing deben incluir un vínculo de no participación, que no es necesario para los mensajes transaccionales.
    • Text version of HTML is empty: no olvide definir una versión de texto de su cuerpo del correo electrónico, que se utiliza cuando no se puede mostrar el contenido del HTML.

    • Empty link is present in email body: compruebe que todos los vínculos del correo electrónico sean correctos.

    • Email size has exceeded the limit of 100KB: para una entrega óptima, asegúrese de que el tamaño del correo electrónico no supere los 100 KB.

  • Errores que impiden probar o activar el recorrido o la campaña siempre y cuando no se resuelvan, como:

    • The subject line is missing: la línea de asunto del correo electrónico es obligatoria.

    • The email version of the message is empty: este error se muestra cuando no se ha configurado el contenido del correo electrónico.

Compruebe y pruebe el correo electrónico preview-test

Cuando se define el contenido del mensaje, puede utilizar perfiles de prueba para previsualizarlo, enviar pruebas y controlar su renderización en clientes populares de escritorio, móviles y basados en web. Si ha insertado contenido personalizado, puede obtener una vista previa de cómo se muestra este contenido en el mensaje mediante los datos del perfil de prueba.

Para obtener una vista previa del contenido del correo electrónico, haga clic en Simular contenido y, a continuación, agregue un perfil de prueba para comprobar el mensaje mediante los datos del perfil de prueba.

Simule el contenido del correo electrónico para comprobar su diseño {width="700" modal="regular"}

recommendation-more-help
6ef00091-a233-4243-8773-0da8461f7ef0