Uso de los componentes de contenido del Diseñador de correo electrónico

Al crear el contenido del correo electrónico, Componentes de contenido le permite personalizar aún más el correo electrónico con componentes sin procesar que puede editar una vez colocados en un correo electrónico.

Puede añadir tantos componentes de contenido como necesite dentro de uno o varios componentes de estructura, que definen el diseño del correo electrónico.

Añadir componentes de contenido

Para añadir componentes de contenido al correo electrónico y ajustarlos a sus necesidades, siga los pasos a continuación.

  1. En el Diseñador de correo electrónico, utilice un contenido existente o arrastre y suelte Componentes de estructura en el contenido vacío para definir el diseño del correo electrónico. Descubra cómo

  2. Para acceder a la Componentes de contenido , seleccione el botón correspondiente en el panel izquierdo del Diseñador de correo electrónico.

  3. Arrastre y suelte los componentes de contenido que desee dentro de los componentes de estructura relevantes.

    NOTA

    Puede añadir varios componentes en un único componente de estructura y en cada columna de un componente de estructura.

  4. Ajuste los atributos de estilo para cada componente mediante el Configuración de componentes a la derecha. Por ejemplo, puede cambiar el estilo, el relleno o el margen del texto de cada componente. Obtenga más información sobre la alineación y el relleno

Contenedor

Puede añadir un contenedor simple dentro del cual podrá añadir otro componente de contenido. Esto le permite aplicar un estilo específico al contenedor, que será diferente del componente utilizado dentro.

Por ejemplo, agregue un Contenedor y, a continuación, agregue un Botón dentro de ese contenedor. Puede utilizar un fondo específico para el contenedor y otro para el botón .

Botón

Utilice la variable Botón para insertar uno o varios botones en el correo electrónico y redirigir la audiencia de correo electrónico a otra página.

  1. De Componentes de contenido, arrastre y suelte el Botón en un Componente de estructura.

  2. Haga clic en el botón recién agregado para personalizar el texto y tener acceso al Configuración de componentes en el panel derecho del Diseñador de correo electrónico.

  3. En el Vínculo , añada la dirección URL a la que desee redirigir al hacer clic en el botón .

  4. Elija cómo se redirigirá a su audiencia con la variable Target lista desplegable:

    • Ninguna: abre el vínculo en el mismo marco en el que se hizo clic (predeterminado).
    • En blanco: abre el vínculo en una nueva ventana o pestaña.
    • Self: abre el vínculo en el mismo marco en el que se hizo clic.
    • Principal: abre el vínculo en el marco principal.
    • Superior: abre el vínculo en todo el cuerpo de la ventana.

  5. Puede personalizar aún más el botón cambiando atributos de estilo como Borde, Tamaño, Margen, etc. de la variable Configuración de componentes panel.

Texto

Utilice la variable Texto para insertar texto en el correo electrónico y ajustar el estilo (borde, tamaño, relleno, etc.) usando la variable Configuración de componentes panel.

  1. De Componentes de contenido, arrastre y suelte el Texto en un Componente de estructura.

  2. Haga clic en el componente recién agregado para personalizar el texto y tener acceso al Configuración de componentes en el panel derecho del Diseñador de correo electrónico.

  3. Cambie el texto con las siguientes opciones disponibles en la barra de herramientas:

    • Cambiar estilo de texto: aplique negrita, cursiva, subrayado o tachado al texto.
    • Cambiar alineación: elija entre alineación izquierda, derecha, centro o justificada para el texto.
    • Crear lista: añada viñetas o listas numéricas al texto.
    • Definir encabezado: añada hasta seis niveles de encabezado al texto.
    • Tamaño de fuente: seleccione el tamaño de fuente del texto en píxeles.
    • Editar imagen: añada una imagen o un recurso al componente de texto. Obtenga más información sobre la administración de recursos
    • Mostrar el código fuente: muestre el código fuente del texto. No se puede modificar.
    • Duplicar: añada una copia del componente de texto.
    • Eliminar: elimine el componente de texto seleccionado del correo electrónico.
    • Añadir personalización: añada campos personalizados para personalizar el contenido de los datos de perfiles. Descubra más información sobre la personalización del contenido
    • Habilitar contenido condicional: añada contenido condicional para adaptar el contenido del componente a los perfiles de destino. Descubra más información sobre el contenido dinámico
  4. Ajuste los demás atributos de estilo, como el color del texto, la familia de fuentes, el borde, el relleno, el margen, etc. de la variable Configuración de componentes panel.

Divisor

Utilice la variable Divisor para insertar una línea divisoria y organizar el diseño y el contenido del correo electrónico.

Puede ajustar atributos de estilo, como el color de la línea, el estilo y la altura desde la Configuración de componentes panel.

HTML

Utilice la variable HTML para copiar y pegar las diferentes partes del HTML existente. Esto le permite crear componentes de HTML modulares gratuitos para reutilizar contenido externo.

  1. De Componentes de contenido, arrastre y suelte el HTML en un Componente de estructura.

  2. Haga clic en el componente recién agregado y, a continuación, seleccione Mostrar el código fuente de la barra de herramientas contextual para añadir el HTML.

  3. Copie y pegue el código del HTML que desee añadir al correo electrónico y haga clic en Guardar.

NOTA

Para hacer 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 los componentes.

Imagen

Utilice la variable Imagen para insertar un archivo de imagen del equipo en el contenido del correo electrónico.

  1. De Componentes de contenido, arrastre y suelte el Imagen en un Componente de estructura.

  2. Haga clic en Examinar para elegir un archivo de imagen de los recursos.

    Para obtener más información sobre Assets Essentials, consulte Documentación de Adobe Experience Manager Assets Essentials.

  3. Haga clic en el componente recién agregado y configure las propiedades de la imagen utilizando la variable Configuración de componentes panel:

    • Título de imagen permite definir un título para la imagen.
    • Texto alternativo permite definir el rótulo vinculado a la imagen. Esto corresponde al atributo del HTML alternativo.

  4. Ajuste los demás atributos de estilo, como margen, borde, etc. o agregando un vínculo para redirigir a la audiencia a otro contenido de la Configuración de componentes panel.

Social

Utilice la variable Social para insertar vínculos a páginas de medios sociales en el contenido del correo electrónico.

  1. De Componentes de contenido, arrastre y suelte el Social en un Componente de estructura.

  2. Haga clic en el componente recién agregado.

  3. En el Social del campo Configuración de componentes , elija qué medios sociales desea agregar o quitar.

  4. Elija el tamaño de los iconos a través del campo dedicado.

  5. Haga clic en cada uno de los iconos de los medios sociales para configurar la variable URL al que se redirigirá la audiencia.

  6. También puede cambiar los iconos de cada uno de los medios sociales si es necesario en la sección Imagen campo .

  7. Ajuste los demás atributos de estilo, como estilo, margen, borde, etc. de la variable Configuración de componentes panel.

Decisión de oferta

Utilice la variable Decisión de oferta para insertar ofertas en los mensajes. La variable gestión de decisiones El motor de búsqueda elegirá la mejor oferta para enviarla a sus clientes.

Aprenda a añadir ofertas personalizadas a un correo electrónico en esta sección.

En esta página