Uso de los componentes de contenido del diseñador de correo electrónico content-components
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 más componentes de estructura, que definen 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.
-
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
-
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.
-
Arrastre y suelte los componentes de contenido que desee dentro de los componentes de estructura relevantes.
note note NOTE Puede añadir varios componentes en un único componente de estructura y en cada columna de un componente de estructura. -
Ajuste los atributos y el estilo de cada componente mediante las fichas Configuración y Estilo de 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
-
Desde el menú avanzado de su componente de contenido, puede eliminar o duplicar fácilmente cualquier componente de contenido según sea necesario.
Contenedor container
Para aplicar un estilo específico a un grupo de componentes de contenido, puede agregar un componente Contenedor y, a continuación, agregar 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 button
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.
-
En Componentes de contenido, arrastre y suelte el componente Botón en un Componente de estructura.
-
Haga clic en el botón recién agregado para personalizar el texto y tener acceso a las pestañas Configuración y Estilos del panel derecho de Designer de correo electrónico.
-
En el menú Vínculo, agregue la dirección URL a la que desee redirigir al hacer clic en el botón.
-
Elige cómo se redirigirá tu audiencia con la lista desplegable Target:
- 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.
-
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 text
Utilice el componente Texto para insertar texto en el correo electrónico y ajustar el estilo (borde, tamaño, relleno, etc.) usando la ficha Estilos.
-
Desde Componentes de contenido, arrastre y suelte el componente Texto en un Componente de estructura.
-
Haga clic en el componente que acaba de agregar para personalizar el texto y tener acceso a las pestañas Configuración y Estilos en el panel derecho del Designer de correo electrónico.
-
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: agregue cualquier tipo de vínculo al contenido.
- Editar imagen: agregue una imagen o un recurso al componente de texto. Más información acerca de la administración de recursos
- Cambiar color de fuente: elija el color de la fuente.
- Agregar personalización: agregue 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: agregue 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.
-
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 ficha Estilos.
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 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 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.
-
En Componentes de contenido, arrastre y suelte el componente HTML en un Componente de estructura.
-
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.
-
Copie y pegue el código de HTML que desee agregar a su correo electrónico y haga clic en Guardar.
Imagen image
Utilice el componente Image para insertar un archivo de imagen del equipo en el contenido del correo electrónico.
-
Desde Componentes de contenido, arrastre y suelte el componente Imagen en un Componente de estructura.
-
En la pestaña Configuración, haga clic en Examinar para elegir un archivo de imagen de sus recursos o en 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.
note note NOTE Para garantizar que los vínculos permanezcan activos y evitar problemas de caducidad, se recomienda utilizar Adobe Assets en lugar de depender de una dirección URL de origen para las imágenes. -
También puedes buscar directamente en Adobe Stock con la opción Buscar fotos de Adobe Stock.
-
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.
-
También puedes elegir Buscar fotos similares de Stock. Más información
-
En la ficha 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 social
Utilice el componente Social para insertar vínculos a páginas de redes sociales en el contenido del correo electrónico.
-
Desde Componentes de contenido, arrastre y suelte el componente Social en un Componente de estructura.
-
Seleccione el componente recién agregado.
-
En el campo Social de la pestaña Configuración, elija los medios sociales que desea agregar o quitar.
-
Elija el tamaño de los iconos en el campo dedicado.
-
Haga clic en cada uno de los iconos de medios sociales para configurar la URL a la que se redirigirá la audiencia.
-
También puede cambiar los iconos de cada uno de sus medios sociales si es necesario desde su Assets.
-
Ajuste los demás atributos de estilo como estilo, margen, borde, etc. de la ficha Estilos.
Decisión de oferta offer-decision
Utilice el componente Decisión de oferta para insertar ofertas en los mensajes. El motor gestión de decisiones elegirá la mejor oferta para entregarla a tus clientes.
-
Desde Componentes de contenido, arrastre y suelte el componente Decisión de oferta en un Componente de estructura.
-
Haga clic en Agregar para seleccionar su decisión de oferta.
-
En la lista desplegable, seleccione sus ubicaciones. A continuación, seleccione la decisión de oferta que desee agregar al contenido y haga clic en Agregar.
-
Desde la pestaña Decisión de oferta, puede obtener una vista previa de la oferta insertada o cambiarla.
Aprenda a agregar ofertas personalizadas a un correo electrónico en esta sección.