Creación de fragmentos
Después de crear un fragmento, use el espacio de diseño visual para crear la estructura y los componentes de contenido del fragmento.
Añadir estructura y contenido design-fragment
-
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. 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.
-
Expanda la sección Contenido y agregue tantos componentes de contenido como necesite a uno o más componentes de estructura.
-
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.
-
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 recursos
En el editor de contenido visual, seleccione el icono Marketo Engage Assets (
-
Añada un nuevo recurso arrastrando y soltando el recurso de imagen en un componente de estructura.
-
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.
Para obtener más información sobre el uso de recursos del tipo de origen, consulte Uso de recursos para la creación de contenido.
Desplazamiento por las capas, la configuración y los estilos
A medida que trabaja con el contenido en el espacio de diseño visual, puede acceder a los componentes, columnas y elementos de contenido mediante el árbol de navegación. Haga clic en el icono Árbol de navegación (
En el siguiente ejemplo se describen los pasos para ajustar el relleno y la alineación vertical dentro de un componente de estructura con 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.
-
-
Si es necesario, repita estos pasos para ajustar la alineación y el relleno de las demás columnas del componente.
-
Guarde los cambios.
Personalización del 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 contenido, Journey Optimizer B2B edition reemplaza la expresión con los datos contenidos en la base de datos del 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.
-
Seleccione el componente de texto y haga clic en el icono Agregar personalización de la barra de herramientas.
Esta acción abre el diálogo Editar Personalization.
-
Haga clic en + o … para agregar un token al espacio en blanco.
-
Haga clic en Guardar.
Contenido condicional
Para agregar contenido condicional que adapte el contenido a los perfiles de destino según las reglas, seleccione un componente de contenido y haga clic en el botón Habilitar contenido condicional de la barra de herramientas del componente. Cuando el fragmento publicado se incluye en un mensaje de correo electrónico, las reglas condicionales determinan la variante de un componente condicional que se procesa en el mensaje de correo electrónico.
Para obtener más información, consulte Contenido condicional.
Habilitar la personalización de fragmentos
Cuando un autor agrega un fragmento a un correo electrónico o plantilla de correo electrónico, el contenido del fragmento está bloqueado de forma predeterminada. Cualquier cambio en el fragmento publicado se propaga automáticamente a todos los recursos de contenido donde se utiliza el fragmento. Al designar un parámetro para un componente del fragmento como editable, el autor del correo electrónico o la plantilla puede especificar un valor de campo personalizado que sea específico para sus necesidades. Este indicador de personalización se limita a los componentes visuales de imagen, texto y botones.
Por ejemplo, si diseña un banner reutilizable que incluya un botón en el que se puede hacer clic, puede designar el parámetro de URL del botón como editable. Los autores de correo electrónico pueden utilizar una dirección URL más específica para su campaña de correo electrónico. Con estos campos personalizables, los especialistas en marketing pueden administrar y personalizar el contenido reutilizable sin necesidad de crear bloques de contenido completamente nuevos o interrumpir las actualizaciones heredadas del fragmento original.
-
En el editor de contenido visual, seleccione la imagen, el texto o el elemento de botón donde desee habilitar la personalización.
-
En los detalles del componente a la derecha, seleccione la pestaña Campos editables.
-
Haga clic en la opción Habilitar edición y establezca los campos editables.
Puede habilitar la personalización para los campos mostrados, que dependen del tipo de componente y de los parámetros definidos en el fragmento.
Cambie el conmutador a un estado habilitado para cada campo donde desee permitir la personalización.
-
Haga clic en Información general para revisar todos los campos editables y sus valores predeterminados.
-
Guarde los cambios.
Editar seguimiento de URL vinculadas
-
Haga clic en el icono Vínculos (
-
Si es necesario, haz clic en el icono Editar (
También puede agregar Etiquetas para un vínculo.