Creación del correo electrónico email-authoring
Obtenga información sobre cómo crear, personalizar y previsualizar correos electrónicos en el nuevo Marketo Engage Email Designer.
Crear un correo electrónico create-an-email
Los correos electrónicos del diseñador de correo electrónico solo se pueden crear en Design Studio y se hace referencia a ellos en Campañas/listas inteligentes, o bien se pueden crear/utilizar directamente en los programas de correo electrónico en este momento.
-
Inicie sesión en Marketo Engage mediante Adobe Experience Cloud.
-
En Mi Marketo, seleccione Design Studio.
-
En el árbol, seleccione Correos electrónicos (nuevo editor).
-
Haga clic en el botón Crear correo electrónico.
-
Introduzca un nombre de correo electrónico y una línea de asunto. Haga clic en Crear.
-
Inicie sesión en Marketo Engage mediante Adobe Experience Cloud.
-
Busque y seleccione (o cree) su programa de correo electrónico.
-
Tiene dos opciones para crear un nuevo correo electrónico. Haga clic con el botón derecho en el nombre de su programa de correo electrónico y seleccione Nuevo recurso local o haga clic en el botón +Nuevo correo electrónico en el cuadro Correo electrónico del panel. En este ejemplo, haremos lo primero.
-
Seleccione Correo electrónico (nuevo editor).
-
Introduzca un nombre de correo electrónico y una línea de asunto. Haga clic en Crear.
Eso es todo. Ahora es el momento de diseñar su correo electrónico.
Elija su tipo de contenido choose-your-content-type
-
En el correo electrónico que acaba de crear, haga clic en Agregar contenido de correo electrónico.
-
Se carga la página Crear tu correo electrónico. Puede elegir entre algunas opciones:
-
Diseñe desde cero con el editor de correo electrónico visual
-
Importe su propio HTML a través de un HTML o archivo zip
-
Seleccione una plantilla existente (una de nuestras muestras o una que ya haya guardado)
Diseñe desde cero design-from-scratch
Cuando comience desde cero en el editor de correo electrónico, utilice las opciones siguientes para definir el contenido.
-
En la página Crear tu correo electrónico, selecciona Diseñar desde cero.
-
Agregue estructura y contenido a su correo electrónico.
-
Agregar imágenes.
-
Personaliza tu contenido.
-
Revisar vínculos y editar seguimiento.
Importar HTML import-html
Puede importar contenido existente de HTML para diseñar su correo electrónico. El contenido puede ser:
-
Archivo HTML con una hoja de estilos incorporada
-
Archivo .zip que incluye un archivo HTML, la hoja de estilos (.css) y las imágenes
-
En la página Diseña tu plantilla, selecciona Importar HTML.
-
Arrastre y suelte el archivo HTML o .zip deseado (o seleccione un archivo del equipo) y haga clic en Importar.
Puede realizar los cambios que desee en el contenido importado con las herramientas visuales del editor de correo electrónico.
Elija una plantilla choose-a-template
Existen dos tipos de plantillas para elegir.
-
Plantillas de ejemplo: Marketo Engage ofrece cuatro plantillas de correo electrónico predeterminadas.
-
Plantillas guardadas: son plantillas que creó desde cero mediante el menú Plantillas o un mensaje de correo electrónico que creó y eligió guardar como plantilla.
Elija una de las plantillas listas para usar para empezar con su diseño de plantillas de correo electrónico.
-
La pestaña Plantillas de muestra está abierta de forma predeterminada.
-
Seleccione la plantilla que desee utilizar.
-
Haga clic en Usar esta plantilla.
-
Edite el contenido como desee con el diseñador de contenido visual.
-
Haga clic en la ficha Plantillas guardadas y seleccione la plantilla que desee.
-
Haga clic en Usar esta plantilla.
-
Edite el contenido como desee con el diseñador de contenido visual.
Añadir estructura y contenido add-structure-and-content
-
Para empezar a crear o modificar contenido, arrastre y suelte un elemento de Estructuras en el lienzo. Edite su configuración en el panel de la derecha.
note tip TIP Seleccione el componente de columna n:n 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. note note NOTE 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. -
En la sección Contenido, arrastre sobre los elementos deseados y suéltelos en uno o más componentes de estructura.
-
Cada componente se puede personalizar mediante las pestañas Settings o Style. Cambie la fuente, el estilo del texto, el margen, etc.
Añadir fragmentos add-fragments
-
Para acceder a tus fragmentos, selecciona el icono Fragmentos (
-
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.
Una vez guardado el correo electrónico, aparecerá en la ficha Utilizado por de la página de detalles del fragmento. 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 Assets add-assets
Agregue imágenes que estén almacenadas en la sección Imágenes y archivos de su instancia de Marketo Engage.
-
Para acceder a sus imágenes, haga clic en el icono Selector de recursos.
-
Arrastre y suelte la imagen deseada en un componente de estructura.
note note NOTE Para reemplazar una imagen existente, selecciónela y haga clic en Seleccionar un recurso en la pestaña Configuración a la derecha.
Capas, configuración y estilos layers-settings-styles
Abra el árbol de navegación para acceder a estructuras específicas y a sus columnas/componentes para una edición más granular. Para acceder a, haga clic en el icono del árbol de navegación.
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.
-
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.
-
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.
-
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.
-
-
Repita estos pasos según sea necesario para ajustar la alineación y el relleno de las demás columnas del componente.
-
Guarde los cambios.
Personalización del contenido personalize-content
Los tokens funcionan en el nuevo editor del mismo modo que en el antiguo, pero el icono tiene un aspecto diferente. El ejemplo siguiente describe cómo agregar un token de nombre con texto de reserva.
-
Seleccione el componente de texto. Coloque el cursor donde desee que aparezca el token y haga clic en el icono Agregar personalización.
-
Haga clic en el tipo de token deseado.
-
Busque el token deseado y haga clic en el icono … (al hacer clic en el icono + se agrega un token sin texto de reserva).
note note NOTE "Texto de reserva" es el nuevo término del editor para el valor predeterminado. Ejemplo: {{lead.First Name:default=Friend}}
. Se recomienda en caso de que no haya ningún valor para la persona en el campo que elija. -
Establece el texto de reserva y haz clic en Agregar.
-
Haga clic en Guardar.
Editar seguimiento de URL edit-url-tracking
A veces no se desea habilitar la URL de seguimiento de Marketo en un vínculo de un mensaje de correo electrónico. Esto resulta útil cuando la página de destino no admite parámetros de URL y puede provocar que se rompa un vínculo.
-
Haga clic en el icono Links para mostrar todas las direcciones URL del correo electrónico.
-
Haga clic en el icono de lápiz para editar el seguimiento de cualquier vínculo deseado.
-
Haga clic en el menú desplegable Tipo de seguimiento y realice la selección.
table 0-row-2 1-row-2 2-row-2 html-authored no-header Seguimiento sin mkt_tok Activa el seguimiento en la dirección URL sin usar el parámetro de cadena de consulta mkt_tok en la dirección URL de destino Seguimiento con mkt_tok Activa el seguimiento en la URL con el uso del parámetro de cadena de consulta mkt_tok en la URL de destino No rastrear Deshabilita el seguimiento de la dirección URL -
De forma opcional, puede asignar una etiqueta a la dirección URL o agregar etiquetas.
-
Haga clic en Guardar cuando termine.
Comprobar alertas check-alerts
A medida que diseña el contenido, las alertas se muestran en la parte superior derecha de la pantalla cuando falta la configuración clave.
Existen dos tipos de alertas:
Advertencias
Las advertencias hacen referencia a recomendaciones y prácticas recomendadas, como:
- El vínculo de no participación no está presente en el cuerpo del correo electrónico: aunque los vínculos de cancelación de suscripción son un requisito, se recomienda agregarlos al cuerpo del correo electrónico.
-
La versión de texto de HTML está vacía: debe definir una versión de texto de su cuerpo de correo electrónico para los casos en que no se pueda mostrar el contenido de HTML.
-
El vínculo vacío está presente en el cuerpo del correo electrónico: compruebe que todos los vínculos del correo electrónico sean correctos.
-
El tamaño del correo electrónico ha superado el límite de 100 KB: para una entrega óptima, asegúrese de que el tamaño del correo electrónico no supere los 100 KB.
Errores
Los errores impiden enviar o probar el correo electrónico hasta que se resuelvan:
-
Falta la línea de asunto: se requiere una línea de asunto de correo electrónico.
-
La versión de correo electrónico del mensaje está vacía: este error se produce cuando no se ha configurado el contenido del correo electrónico.
Prueba del correo electrónico test-your-email
Cuando se define el contenido del mensaje, puede utilizar perfiles de prueba para previsualizarlo, enviar pruebas y controlar cómo se procesa en clientes populares de escritorio, móviles y basados en web. Si ha insertado contenido personalizado, puede comprobar cómo se muestra 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.
Referencia a un correo electrónico reference-an-email
Correo electrónico Los correos electrónicos de Designer son accesibles en los programas de correo electrónico, participación, predeterminados y eventos (con la única excepción de los programas de seminarios web interactivos). Si creó su correo electrónico en Design Studio, se puede hacer referencia a él desde campañas inteligentes o listas inteligentes como lo haría con cualquier otro correo electrónico.
-
Haga referencia a él en una lista inteligente al seguir los pasos habituales.
-
Haga referencia a él en una campaña inteligente al seguir los pasos habituales.