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

Al crear el contenido del correo electrónico, Componentes de contenido 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 más 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 sección de 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 y el estilo de cada componente mediante la variable Configuración y Estilo 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

   

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

   

Contenedor

Para aplicar un estilo específico a un grupo de componentes de contenido, puede añadir una Contenedor y, a continuación, añada los componentes de contenido que desee dentro de él. Esto permite aplicar un estilo distinto al contenedor, que será diferente del estilo aplicado a los componentes de contenido dentro de.

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.

Botón

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 Componentes de contenido, arrastre y suelte el componente Botón en un Componente de estructura.

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

   

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

4. Elija cómo se redirigirá la audiencia con el 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.
   • 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.

   

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

Texto

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

1. Desde Componentes de contenido, arrastre y suelte el Texto componente en una Componente Estructura.

2. Haga clic en el componente recién agregado para personalizar el texto y tener acceso al Configuración y Estilos 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: 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.
   • Cambiar color de fuente: elija el color de la fuente.
   • Insertar vínculo: añada cualquier tipo de vínculo al contenido.
   • Editar imagen: añadir una imagen o un recurso al componente de texto. Más información sobre la administración de recursos
   • Cambiar color de fuente: elija el color de la fuente.
   • Añadir personalización: añadir campos de personalización para personalizar el contenido de los datos de perfiles. Más información sobre la personalización de contenido
   • Mostrar el código fuente: mostrar el código fuente del texto. No se puede modificar.
   • Habilitar contenido condicional: añadir contenido condicional para adaptar el contenido del componente a los perfiles de destino. Más información sobre el contenido dinámico
   • Duplicar: añadir una copia del componente de texto.
   • Eliminar: eliminar el componente de texto seleccionado del correo electrónico.

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.

   

Divisor

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

Puede ajustar los atributos de estilo, como el color de la línea, el estilo y la altura desde las pestañas Configuración y Estilos.

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 de contenido, arrastre y suelte el componente 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 de HTML que desee añadir a su correo electrónico y haga clic en Guardar.

   

Imagen

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

1. Desde Componentes de contenido, arrastre y suelte el Imagen componente en una Componente Estructura.

   

2. Desde el Configuración pestaña, haga clic en Examinar para elegir un archivo de imagen de sus recursos o Importar medios para cargar un recurso en Adobe Experience Manager Assets.

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

   NOTA

   Para garantizar que los vínculos permanezcan activos y evitar problemas de caducidad, se recomienda utilizar Recursos de Adobe en lugar de depender de una URL de origen para las imágenes.

3. También puede buscar directamente en Adobe Stock con la variable Buscar fotos de Adobe Stock opción.

4. Haga clic en el componente recién agregado y configure las propiedades de la imagen:

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

   

5. También puede elegir Buscar fotografías similares de Stock. Más información

6. Desde el Estilos , ajuste los demás atributos de estilo como margen, borde, etc. o añada un enlace para redirigir a su público a otro contenido desde el panel Configuración de componentes.

Social

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

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

2. Seleccione el componente recién agregado.

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

   

4. Elija el tamaño de los iconos en el campo dedicado.

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

   

6. También puede cambiar los iconos de cada uno de los medios sociales si es necesario desde sus Recursos.

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

Decisión de oferta

Utilice el Decisión de oferta para insertar ofertas en los mensajes. El gestión de decisiones El motor elegirá la mejor oferta para entregar a sus clientes.

1. Desde Componentes de contenido, arrastre y suelte el Decisión de oferta componente en una Componente Estructura.

2. Clic Añadir para seleccionar su Decisión de oferta.

   

3. En la lista desplegable, seleccione su Ubicaciones. A continuación, seleccione la opción Decisión de oferta desea añadir a su contenido y haga clic en Añadir.

   

4. Desde el Decisión de oferta , puede obtener una vista previa de la oferta insertada o cambiarla.

Obtenga información sobre cómo añadir ofertas personalizadas a un correo electrónico en esta sección.