[Disponibilidad limitada]{class="badge informative"}
Aplicar temáticas al contenido del correo electrónico apply-email-themes
En esta página: Aprenda a crear, aplicar y reutilizar temáticas en el Designer de correo electrónico para agregar un estilo coherente con la marca encima del contenido del correo electrónico y los fragmentos.
Con las temáticas, los usuarios no técnicos tienen la capacidad de crear contenido reutilizable que se ajuste a una marca y un idioma de diseño específicos agregando estilo personalizado sobre las plantillas estándar.
Esta función permite a los especialistas en marketing aprovechar correos electrónicos visualmente atractivos y coherentes con la marca de forma más rápida y con menos esfuerzo, a la vez que proporciona opciones de personalización avanzadas para satisfacer necesidades de diseño únicas.
Mecanismos de protección y limitaciones themes-guardrails
-
Al crear un correo electrónico desde cero, puede elegir empezar a crear el contenido con un tema para aplicar rápidamente un estilo específico que se ajuste a su marca y diseño.
Si elige el modo de Estilo manual, no podrá aplicar ninguna temática a menos que restablezca el correo electrónico.
-
Los fragmentos no son compatibles entre los modos Usar temas y Estilo manual.
-
Los fragmentos de temas no están disponibles en el contenido del correo electrónico creado sin utilizar temáticas.
-
Para aprovechar un fragmento en un contenido temático, este fragmento debe haberse creado a sí mismo usando temáticas. Más información
-
Cuando utilice un fragmento en el contenido del correo electrónico, asegúrese de aplicar una temática que haya definido para este fragmento. Si no se hace esto, pueden producirse problemas de visualización, especialmente en Outlook 2021 y versiones anteriores. Más información
-
-
Si usa un contenido creado en HTML, estará en modo de compatibilidad y no podrá aplicar temas directamente a este contenido.
-
Para aplicar temáticas, primero debe guardar el contenido importado como una nueva plantilla y, a continuación, convertir esta plantilla en un contenido compatible con temáticas. A continuación, puede utilizar esta plantilla para crear el contenido del correo electrónico. Aprenda a convertir una plantilla creada con estilo manual en esta sección.
-
También puede convertir el contenido de HTML importado. Más información
-
-
Cuando utilice fuentes web personalizadas (incluidas fuentes Google) en las temáticas, tenga en cuenta que muchos clientes de correo electrónico no las admiten. Defina siempre las fuentes de reserva adecuadas en la temática para garantizar la legibilidad en todos los clientes de correo electrónico.
- Gmail y Yahoo! no cargue fuentes web externas y volverá a las fuentes del sistema, independientemente de la familia de fuentes especificada en HTML/CSS.
- Las únicas fuentes Google compatibles con Gmail son Roboto y Google Sans.
- Los clientes de correo electrónico que do admiten fuentes web incluyen Apple Mail, iOS Mail, Android Mail, Thunderbird y Outlook para macOS.
Creación de tema create-and-edit-themes
Para definir una temática que pueda aprovechar en el contenido futuro del correo electrónico, siga los pasos a continuación.
-
Para empezar, cree una nueva plantilla de contenido.
-
Seleccione la opción Crear o editar temáticas.
-
Seleccione un tema de Adobe. En este ejemplo, seleccione el tema predeterminado y haga clic en Crear.
-
También puede seleccionar una plantilla personalizada de la ficha Mis temas y hacer clic en Editar para actualizarla.
-
En la ficha Configuración general, empiece a definir el tema asignándole un nombre específico que se adapte a su marca. Puede ajustar la anchura predeterminada de la ventanilla móvil de los correos electrónicos y también exportar el tema actual a compartirlo en zonas protegidas.
-
Utilice el carril de la derecha para navegar por las diferentes pestañas y actualizar la configuración de diseño.
-
Desde la ficha Colores:
-
Use el botón Editar para configurar una paleta de colores con colores predeterminados para su marca. Seleccione un ajuste preestablecido para crear rápidamente una combinación de colores o ajustar cada color de su tema individualmente. También puede utilizar una combinación de ambos.
-
Haz clic en Agregar variante para crear varias variantes de color para tu tema, cada una con su propia paleta de colores y controles de matices.
-
Para cada variante, haga clic en el icono Editar para editar cualquier elemento individual. Puede utilizar la paleta predeterminada que ha creado o cualquier color personalizado.
-
-
Opcionalmente, active la opción Habilitar modo oscuro para que la vista de modo oscuro esté disponible para todas las variantes de color del tema, a través del conmutador situado en la parte superior derecha del lienzo central. Más información sobre el modo oscuro
Utilice ese conmutador para cambiar a la vista del modo oscuro. La paleta de colores cambia automáticamente a una versión oscura predeterminada para cada variante.
Puede personalizar aún más cada variante del modo oscuro, utilizando una paleta de colores diferente o colores personalizados.
note caution CAUTION La previsualización en modo oscuro es una simulación y es posible que no coincida exactamente con el resultado final. Envíe una prueba para verificar el procesamiento exacto en los clientes de correo electrónico que admiten el modo oscuro personalizado. Más información Las variantes de color del modo oscuro son independientes de los colores del modo claro, por lo que las ediciones de color en la previsualización del modo oscuro solo se aplican a la versión del modo oscuro. Sin embargo, la configuración que no es de color (como el espaciado, el relleno, el tamaño de la fuente, etc.) se comparten con el modo claro y también se aplican allí.
note NOTE Para eliminar una variante de color, debe estar en modo claro. No es posible eliminar una variante mientras se esté en la vista del modo oscuro. -
En la configuración de texto, puede establecer la fuente global que desee usar para todo el tema. Para un control más granular, también puede editar cada encabezado y tipo de párrafo para ajustar la fuente, el tamaño, el estilo, etc.
note NOTE Al seleccionar fuentes web personalizadas, tenga en cuenta que muchos clientes de correo electrónico como Gmail y Yahoo! no admiten fuentes web externas y volverán a utilizar fuentes del sistema. Considere la posibilidad de incluir fuentes de reserva para garantizar que el contenido se muestre correctamente en todos los clientes de correo electrónico. Más información -
En la ficha Espaciado, seleccione un elemento individual de la lista para espaciarlo correctamente entre los distintos componentes.
-
Con las otras pestañas de la derecha, puede administrar por separado cada elemento de botón, divisor, formato de imagen adicional y espaciado del diseño de cuadrícula para esta temática.
-
Haga clic en Guardar para almacenar este tema para uso futuro. Ahora se muestra en la pestaña Mis temas.
Aplicar temáticas a un contenido de correo electrónico apply-themes-email
Para aplicar temáticas de estilo predeterminadas o personalizadas a una plantilla de contenido o a un correo electrónico, siga los pasos a continuación.
-
En Journey Optimizer, agregue una acción de correo electrónico a un recorrido o campaña, o cree una plantilla de contenido de correo electrónico y edite el cuerpo del correo electrónico.
-
Puede seleccionar una de las siguientes acciones:
-
Seleccione una plantilla de correo electrónico integrada para abrir el Designer de correo electrónico. Se aplica automáticamente una temática predeterminada específica a cada plantilla.
-
Diseña nuevo contenido desde cero y selecciona Usar temas para comenzar con un tema de estilo predefinido.
note caution CAUTION Si elige el modo Estilo manual, no podrá aplicar ninguna temática a menos que restablezca el diseño. Para aprovechar un fragmento en un contenido temático, este fragmento debe haberse creado a sí mismo usando temáticas. Más información
-
-
Una vez que se encuentre en el Designer de correo electrónico, haga clic en el botón Temas en el carril derecho. Se muestra el tema predeterminado o el tema de la plantilla. Puede cambiar entre las dos variantes de color para esta temática.
-
Haga clic en la flecha situada junto a la temática utilizada actualmente. Se muestra la lista de las temáticas personalizadas y de Adobe disponibles.
-
Haz clic en Mis temas y selecciona un tema que hayas creado.
-
Haga clic fuera de la lista desplegable. La temática personalizada recién seleccionada aplica automáticamente sus estilos a todos los componentes del correo electrónico. Puede alternar entre las variantes de color, si las hay.
-
Cambie el conmutador a Modo oscuro para el tema seleccionado. La versión en modo oscuro de esa temática se aplica al contenido del correo electrónico. Actualícelo según sea necesario: las ediciones de color y previsualizaciones posteriores reflejan el estilo del modo oscuro.
La versión en modo oscuro se utiliza cuando el mensaje se muestra en clientes de correo electrónico en modo oscuro admitidos. Más información sobre el modo oscuro
note NOTE Cuando se encuentra en la previsualización del modo oscuro, los cambios de color solo se aplican a la versión del modo oscuro. Sin embargo, la configuración que no es de color (como el espaciado, el relleno, el tamaño de la fuente, etc.) también se aplican al modo de luz. -
Cuando se selecciona un tema en una plantilla de contenido, puede hacer clic en el botón Editar tema para actualizarlo. Más información
note NOTE Esta opción no está disponible al utilizar temáticas en el contenido del correo electrónico. -
Si utiliza una temática con varias variantes de color, puede elegir una variante específica para un componente de estructura determinado. Esto le permite definir una variante de color para todo el contenido y utilizar una variante diferente para una estructura específica.
note NOTE No puede realizar esta acción en componentes de contenido. Para ello, seleccione un componente de estructura, haga clic en la opción Usar variante de tema específico de la pestaña Estilos de la derecha y aplique la variante que desee a esa estructura.
En este ejemplo, la primera variante de color de la temática actual se aplica a todo el contenido del correo electrónico, pero la tercera variante de color se aplica a la estructura seleccionada. Se puede ver que los colores del cuerpo y del fondo de la ventanilla móvil de esa estructura específica son diferentes del resto del contenido.
Puede cambiar de tema en cualquier momento. El contenido del correo electrónico permanece sin cambios, pero los estilos se actualizan para reflejar la nueva temática.
Desbloquear estilos unlocking-styles
Cuando se selecciona un componente, puede desbloquear su estilo utilizando el icono dedicado de la pestaña Styles.
La temática seleccionada se seguirá aplicando a ese componente, pero puede anular sus elementos de estilo. Si cambia las temáticas, la nueva temática solo se aplica a los elementos de estilo que no se anularon.
Por ejemplo, si desbloquea un componente de texto, puede cambiar el color de la fuente de negro a rojo:
Si cambia de tema, el color de fuente seguirá siendo rojo para ese componente, pero el color de fondo para este componente cambiará con el nuevo tema:
Aprovechamiento de temas en un fragmento leverage-themes-fragment
Para aprovechar un fragmento en una plantilla o correo electrónico con temáticas aplicadas, este fragmento debe haberse creado a sí mismo usando temáticas. De lo contrario, no podrá utilizar este fragmento en el contenido temático.
Para crear un fragmento compatible con temáticas, siga los pasos a continuación.
-
En Journey Optimizer, cree un fragmento visual y haga clic en Crear para diseñar el contenido del fragmento. Descubra cómo
-
Seleccione Usar temas para comenzar con un tema de estilo predefinido.
note caution CAUTION Si elige el modo Estilo manual, no podrá aplicar ninguna temática a menos que restablezca el diseño de fragmento. -
Una vez en el Designer de correo electrónico, puede empezar a crear el fragmento.
-
Haga clic en el botón Temas en el carril derecho. Se muestra la temática predeterminada. Puede cambiar entre las diferentes variantes de color para esta temática.
-
Puede seleccionar otras temáticas para previsualizar el contenido del fragmento. Para ello, seleccione la flecha junto al tema predeterminado y haga clic en Seleccionar temas.
-
Puede navegar entre las pestañas Adobe themes y Mis temáticas, y seleccionar hasta cinco temáticas compatibles (de ambas pestañas) para su fragmento.
note NOTE Este límite se impone por motivos de compatibilidad y rendimiento. El tema predeterminado de Adobe no se puede quitar, por lo que puede seleccionar hasta cuatro temas personalizados adicionales. 
note caution CAUTION Al utilizar este fragmento en un contenido de correo electrónico, el tema de correo electrónico debe ser uno de los temas asociados con el fragmento. Si la temática no coincide, la inserción del fragmento se bloquea. -
Haga clic en Cerrar.
-
Seleccione de nuevo la flecha junto al tema predeterminado. Ahora puede alternar entre los diferentes temas que acaba de seleccionar para previsualizar cada renderización de estilo.
-
Vuelva a hacer clic en Seleccionar temas para agregar más temas o cambiar su selección.
Hacer una plantilla compatible con las temáticas theme-convertor
Journey Optimizer le permite convertir una plantilla creada con un estilo manual en contenido compatible con temas. Esto puede resultar especialmente útil si creó plantillas de contenido antes de que los temas se introdujeran en Journey Optimizer o si está importando contenido externo.
-
Abra una plantilla de contenido de correo electrónico y edite su contenido con el Designer de correo electrónico.
-
Seleccione el icono Temas en el carril derecho y haga clic en el botón Generar tema a partir del contenido.
-
Se abre la ventana Crear un tema. Journey Optimizer detecta automáticamente los elementos de estilo y los consolida en un nuevo tema.
-
Asigne un nombre a la temática.
-
Realice sus propios ajustes según sea necesario, tal como lo hace al crear un tema desde cero, como agregar una variante de color, editar fuentes, etc. Obtenga información
-
Haga clic en Guardar para almacenar este nuevo tema y reutilizarlo. Ahora puede aplicar esta temática a su contenido, como cualquier otra temática. Descubra cómo
This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.
For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.
- TL;DR: This page explains how to create, apply, and reuse themes in the Email Designer to add brand-consistent styling on top of email content and fragments, including converting manual-styling templates into theme-compatible content.
Intents:
- Create a theme with a color palette, variants, text settings, spacing, buttons, dividers, and grid layout
- Apply a default or custom theme to an email or content template
- Switch themes and apply a specific color variant to an individual structure component
- Unlock a component’s style to override individual styling elements
- Create fragments compatible with themes and associate up to five themes with a fragment
- Convert a manual-styling email template into theme-compatible content using Generate theme from content
Glossary:
- Theme: Reusable custom styling added on top of standard templates to fit a specific brand and design language (product-specific)
- Use Themes mode: The mode selected when creating content from scratch to start with a predefined styling theme (product-specific)
- Manual Styling mode: The alternative mode; if chosen, themes cannot be applied unless you reset your email/design/fragment (product-specific)
- Compatibility mode: The mode you are in when using content created in HTML, where themes cannot be applied directly (product-specific)
- Color variant: A distinct color palette and nuance control set within a theme, such as light and dark mode (product-specific)
- Generate theme from content: A Themes action that automatically detects styling elements in a template and consolidates them into a new theme (product-specific)
Guardrails:
- This capability is in Limited Availability; contact your Adobe representative to gain access.
- If you choose Manual Styling mode, you cannot apply themes unless you reset your email, design, or fragment.
- Fragments are not cross-compatible between the Use Themes and Manual Styling modes; a fragment used in themed content must itself have been created using themes.
- When using a fragment in email content, the email theme must be one of the themes associated with the fragment; if the theme does not match, the fragment insertion is blocked.
- A fragment can have up to five compatible themes selected (from both the Adobe themes and My themes tabs); this limit is enforced for compatibility and performance reasons. The Adobe default theme cannot be removed, so you can select up to four additional custom themes.
- Content created in HTML is in compatibility mode; to apply themes you must first save it as a new template, then convert the template into theme-compatible content.
- Only email templates can be converted to be theme-compatible; individual emails cannot be converted—you must save content as a template first.
- Gmail and Yahoo! do not load external web fonts and fall back to system fonts; the only Google fonts supported by Gmail are Roboto and Google Sans. Always define fallback fonts.
- Mismatched fragment themes may cause display issues, especially in Outlook 2021 and previous versions.
- The Edit theme button (available in a content template) is not available when using themes in email contents; the specific-variant option cannot be applied to content components (only structure components).
Terminology:
- Canonical name: Theme — Acronym: n/a — variants: email theme, Adobe theme, custom theme
- Synonyms: “Use Themes mode” = “Use Themes”
- Do not confuse: “Use Themes mode” (themes can be applied) ≠ “Manual Styling mode” (themes cannot be applied unless reset)
- Do not confuse: “Adobe themes” (built-in themes) ≠ “My themes” (themes you created)
FAQ:
- Q: Is the themes capability generally available? — No, it is in Limited Availability; contact your Adobe representative to gain access.
- Q: Can I use any fragment in themed content? — Only if the fragment was itself created using themes and the email theme matches one of the themes associated with the fragment; otherwise fragment insertion is blocked.
- Q: How many themes can I associate with a fragment? — Up to five compatible themes across the Adobe themes and My themes tabs; the Adobe default theme cannot be removed, leaving up to four additional custom themes.
- Q: Can I convert an existing manually styled asset to use themes? — Only email templates can be converted (via Generate theme from content); individual emails cannot, so save your content as a template first.
- Q: What happens to my content when I switch themes? — The email content remains unchanged, but the styles update to reflect the new theme; overridden (unlocked) styling elements are not changed by the new theme.
- Q: Why might web fonts not render? — Gmail and Yahoo! do not load external web fonts and fall back to system fonts; only Roboto and Google Sans are supported by Gmail, so define fallback fonts.