Usar componentes de contenido content-components

Al crear el contenido del correo electrónico, Contenido componentes le permite personalizar aún más su correo electrónico con componentes sin procesar y vacíos que puede utilizar una vez colocados en un correo electrónico.

Puede añadir tantas como desee Contenido ya que necesita dentro de un Estructura, que define el diseño del correo electrónico.

Añadir componentes de contenido add-content-components

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 bien, arrastre y suelte una Estructura en el contenido vacío para definir el diseño del correo electrónico. Descubra cómo

  2. Arrastre y suelte el Contenido de su elección dentro de las estructuras relevantes.

    {modal="regular"}

    note note
    NOTE
    Puede añadir varios componentes en una sola estructura y en cada columna de una estructura.
  3. Ajuste de las opciones de cada componente mediante la variable contextual Configuración pestaña. Por ejemplo, puede elegir mostrarlo solo en equipos de escritorio o dispositivos móviles, o en ambos. También puede administrar las opciones de vínculo desde esta pestaña. Más información sobre la administración de vínculos

  4. Ajuste los atributos de estilo de cada componente mediante la variable Estilo pestaña. 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

    {modal="regular"}

  5. Desde el menú avanzado de su Contenido en el panel derecho, puede eliminar o duplicar fácilmente cualquier componente de contenido según sea necesario.

Contenedor container

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

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

{modal="regular"}

Botón buttons

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

  1. En la lista Contenidos, arrastre y suelte el componente Botón en un componente de Estructura.

    {modal="regular"}

  2. Haga clic en el botón recién añadido para personalizar el texto y tener acceso a las pestañas Configuración y Estilos.

    {modal="regular"}

  3. Desde las pestañas Configuración, en el campo URL, añada la dirección URL a la que desee redirigir al hacer clic en el botón.

  4. Elija cómo se muestra el contenido con la lista desplegable Destinatario

    • 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.
    • Propio: 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.

    {modal="regular"}

  5. Puede personalizar aún más el botón cambiando atributos de estilo como Borde, Tamaño, Margen, etc. desde el Estilos pestaña.

Texto text

Utilice el componente Texto para insertar texto en el correo electrónico y ajustar el estilo (borde, tamaño, relleno, etc.) uso de las pestañas Configuración y Estilos.

  1. Desde el Contenido menú, arrastrar y soltar Texto en un Estructura componente.

    {modal="regular"}

  2. Haga clic en el componente recién agregado para personalizar el texto y tener acceso a las pestañas Configuración y Estilos.

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

    {modal="regular"}

    • Cambiar estilo de texto: aplicar negrita, cursiva, subrayado o tachado al texto.
    • Cambiar alineación: elegir entre alineación izquierda, derecha, centro o justificada para el texto.
    • Crear lista: añadir viñetas o listas numéricas al texto.
    • Definir encabezado: añadir hasta seis niveles de encabezado al texto.
    • Tamaño de fuente: seleccionar el tamaño de fuente del texto en píxeles.
    • Editar imagen: añadir una imagen o un recurso al componente de texto.
    • Mostrar el código fuente: mostrar el código fuente del texto. No se puede modificar.
    • Duplicar: añadir una copia del componente de texto.
    • Eliminar: eliminar el componente de texto seleccionado del correo electrónico.
    • Añadir personalización: añadir campos de personalización para personalizar el contenido de los datos de perfiles.
    • Habilitar contenido condicional: añadir contenido condicional para adaptar el contenido del componente a los perfiles de destino.
  4. Ajuste los demás atributos de estilo, como el color del texto, la familia de fuentes, el borde, el relleno, el margen, etc. desde el Estilos pestaña.

    {modal="regular"}

Divisor divider

Utilice el componente 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 línea, el estilo y la altura, desde el Estilos pestaña.

{modal="regular"}

HTML HTML

Utilice el componente 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. En Componentes, arrastre y suelte el componente HTML en un componente de Estructura.

    {modal="regular"}

  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.

    {modal="regular"}

NOTE
Para hacer que un contenido externo sea compatible con el Diseñador de correo electrónico, el Adobe recomienda creación de un mensaje desde cero y copie el contenido del correo electrónico existente en los componentes.

Imagen image

Utilice el componente Imagen para insertar un archivo de imagen desde el equipo en el correo electrónico.

  1. Desde el menú Contenido, arrastre y suelte la Imagen en un componente de Estructura.

    {modal="regular"}

  2. Clic Examinar para elegir un archivo de imagen de sus recursos. También puede elegir Importar los medios.

    Para obtener más información sobre cómo cargar y añadir recursos en Adobe Experience Manager, consulte Documentación de Adobe Experience Manager as a Cloud Service.

    {modal="regular"}

  3. Desplácese por las carpetas para localizar el recurso específico que necesita o utilice la barra de búsqueda para encontrarlo de forma eficaz.

    Una vez encontrado el recurso que está buscando, haga clic en Seleccionar.

    {modal="regular"}

  4. Haga clic en el componente recién agregado y configure las propiedades de la imagen con la variable Configuración pestaña:

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

    {modal="regular"}

  5. Puede añadir un vínculo para redirigir la audiencia a otro contenido. Más información

  6. Ajuste los demás atributos de estilo como margen, borde, etc. uso del Estilos pestaña.

Social social

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

  1. Desde el menú Componentes, arrastre y suelte el componente Social en un componente de Estructura.

  2. Haga clic en el componente recién añadido.

  3. En el campo Social de la pestaña Configuración, elija los medios sociales que desea agregar o quitar.

    {modal="regular"}

  4. Elija el tamaño de los iconos en el campo Tamaño de las imágenes.

  5. Haga clic en cada uno de sus iconos de redes sociales para configurar la URL a la que se redirige su público.

    {modal="regular"}

  6. También puede cambiar los iconos de cada uno de sus medios sociales si es necesario en la Origen field.

  7. Ajuste los demás atributos de estilo como estilo, margen, borde, etc. desde el Estilos pestaña.

recommendation-more-help
c39c2d00-ba9a-424b-adf9-66af58a0c34b