Usar componentes de contenido content-components
Al crear el contenido del correo electrónico, los componentes Contenido le permiten personalizar aún más el correo electrónico con componentes sin procesar y vacíos que puede utilizar una vez colocados en un correo electrónico.
Puede agregar tantos Contenidos como necesite dentro de una 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.
-
En el Designer de correo electrónico, usa un contenido existente o arrastra y suelta una Estructura en el contenido vacío para definir el diseño del correo electrónico. Descubra cómo
-
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. -
Ajuste las opciones de cada componente con la ficha Configuración contextual. 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
-
Ajuste los atributos de estilo de cada componente mediante la ficha Style. 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"}
-
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.
-
En la lista Contenidos, arrastre y suelte el componente Botón en un componente de Estructura.
{modal="regular"}
-
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"}
-
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.
-
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"}
-
Puede personalizar aún más el botón cambiando atributos de estilo como Borde, Tamaño, Margen, etc. de la ficha Estilos.
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.
-
En el menú Contenido, arrastre y suelte Texto en un componente Estructura.
{modal="regular"}
-
Haga clic en el componente recién agregado para personalizar el texto y tener acceso a las pestañas Configuración y Estilos.
-
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.
-
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.
{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, el estilo y la altura de la línea desde la pestaña Estilos.
{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.
-
En Componentes, arrastre y suelte el componente HTML en un componente de Estructura.
{modal="regular"}
-
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"}
Imagen image
Utilice el componente Imagen para insertar un archivo de imagen desde el equipo en el correo electrónico.
-
Desde el menú Contenido, arrastre y suelte la Imagen en un componente de Estructura.
{modal="regular"}
-
Haga clic en Examinar para elegir un archivo de imagen de sus recursos. También puedes elegir Importar tus medios.
Para obtener más información sobre cómo cargar y agregar recursos en Adobe Experience Manager, consulte Documentación de Adobe Experience Manager as a Cloud Service.
{modal="regular"}
-
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.
Cuando encuentre el recurso que busca, haga clic en Seleccionar.
{modal="regular"}
-
Haga clic en el componente que acaba de agregar y configure las propiedades de la imagen con la pestaña Configuración:
- 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"}
-
Puede añadir un vínculo para redirigir la audiencia a otro contenido. Más información
-
Ajuste los demás atributos de estilo como margen, borde, etc. usando la ficha Estilos.
Social social
Utilice el componente Social para insertar vínculos a páginas de redes sociales en el contenido del correo electrónico.
-
Desde el menú Componentes, arrastre y suelte el componente Social en un componente de Estructura.
-
Haga clic en el componente recién añadido.
-
En el campo Social de la pestaña Configuración, elija los medios sociales que desea agregar o quitar.
{modal="regular"}
-
Elija el tamaño de los iconos en el campo Tamaño de las imágenes.
-
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"}
-
También puede cambiar los iconos de cada uno de sus medios sociales si es necesario en el campo Source.
-
Ajuste los demás atributos de estilo como estilo, margen, borde, etc. de la ficha Estilos.