En el Diseñador de correo electrónico, al seleccionar un elemento, se muestran varias opciones específicas del tipo de contenido seleccionado en la Settings panel. Puede utilizar estas opciones para cambiar fácilmente el estilo del correo electrónico.
Para seleccionar un elemento en la interfaz del Diseñador de correo electrónico, puede:
Al navegar por el árbol de estructura, puede realizar una selección más precisa. Puede seleccionar:
Para seleccionar una columna, también puede hacer lo siguiente:
Consulte un ejemplo en esta sección.
Seleccione un elemento en el correo electrónico. Para obtener más información, consulte Selección de un elemento.
Ajuste la configuración según sus necesidades. Cada elemento seleccionado ofrece un conjunto diferente de configuraciones.
Puede insertar fondos, cambiar tamaños, modificar alineación horizontal o vertical, administrar colores, añadir relleno o margen, etc.
Para ello, utilice las opciones mostradas en la Settings panel o añadir atributos de estilo en línea.
Guarde el contenido.
La interfaz del Diseñador de correo electrónico le permite ajustar rápidamente el relleno y los márgenes.
Padding: esta configuración permite administrar el espacio que se encuentra dentro del borde de un elemento.
Por ejemplo:
Margin: esta configuración le permite administrar el espacio entre el borde del elemento y el siguiente elemento.
Según la selección (componente de estructura, columna o componente de contenido), el resultado no será el mismo. Adobe recomienda configurar la variable Padding y Margin parámetros en el nivel de columna.
Para ambos Padding y Margin, haga clic en el icono de candado para romper la sincronización entre los parámetros superior e inferior o derecho e izquierdo. Esto le permite ajustar cada parámetro por separado.
Alineación de texto: coloque el cursor del ratón sobre algún texto y utilice la barra de herramientas contextual para alinearlo.
Alineación horizontal se puede aplicar a texto, imágenes y botones; actualmente no a la variable Divider y Social componentes.
Para configurar alineación vertical, seleccione una columna dentro de un componente de estructura y elija una opción en el panel Configuración .
En cuanto a la configuración de fondos con el Diseñador de correo electrónico, Adobe recomienda lo siguiente:
A continuación se muestran los ajustes de fondo disponibles que puede utilizar.
Configure un Background color para todo el correo electrónico. Asegúrese de seleccionar la configuración de cuerpo en el árbol de navegación accesible desde la paleta izquierda.
Establezca el mismo color de fondo para todos los componentes de estructura seleccionando Viewport background color. Esta opción le permite seleccionar una configuración diferente del color de fondo.
Defina un color de fondo diferente para cada componente de estructura. Seleccione una estructura del árbol de navegación accesible desde la paleta izquierda para aplicar un color de fondo específico solo a esa estructura.
Asegúrese de no establecer un color de fondo de ventanilla móvil, ya que podría ocultar los colores de fondo de la estructura.
Configure un Background image para el contenido de un componente de estructura.
Algunos programas de correo electrónico no admiten imágenes de fondo. Cuando no se admita, se utilizará el color de fondo de fila. Asegúrese de seleccionar un color de fondo alternativo adecuado en caso de que la imagen no se pueda mostrar.
Establezca un color de fondo en el nivel de columna.
Este es el caso de uso más común. Adobe recomienda configurar los colores de fondo en el nivel de columna, ya que esto permite una mayor flexibilidad al editar todo el contenido del correo electrónico.
También puede establecer una imagen de fondo en el nivel de columna, pero esto no se suele utilizar.
Desea ajustar el margen y la alineación vertical dentro de un componente de estructura compuesto por tres columnas. Para realizar esto, siga los pasos a continuación:
Seleccione el componente de estructura directamente en el correo electrónico o utilice el árbol de estructura disponible a la izquierda Paleta.
En el barra de herramientas contextual, haga clic en Select a column y elija el que desea editar. También puede seleccionarlo en el árbol de estructura.
Los parámetros editables de esa columna se muestran en la sección Settings a la derecha.
En Vertical alignment, seleccione Up.
El componente de contenido se muestra encima de la columna .
En Padding, defina el relleno superior dentro de la columna . Haga clic en el icono de candado para romper la sincronización con el relleno inferior.
Defina el relleno izquierdo y derecho para esa columna.
Proceda de forma similar para ajustar la alineación y el relleno de las demás columnas.
Guarde los cambios.
Puede subrayar un vínculo y seleccionar su color y destino en el Diseñador de correo electrónico.
En un componente en el que se inserta un vínculo, seleccione el texto de la etiqueta del vínculo.
En la configuración del componente, marque Underline link para subrayar el texto de la etiqueta del vínculo.
Para seleccionar en qué contexto de navegación se abrirá el vínculo, seleccione una Target.
Para cambiar el color del vínculo, haga clic en Link color.
Elija el color que necesite.
Guarde los cambios.
En la interfaz del Diseñador de correo electrónico, al seleccionar un elemento y mostrar su configuración en el panel lateral, puede personalizar los atributos en línea y su valor para ese elemento específico.
Seleccione un elemento en el contenido.
En el panel lateral, busque el Styles Inline configuración.
Modifique los valores de los atributos existentes o agregue otros nuevos utilizando la variable + botón. Puede añadir cualquier atributo y valor que sea compatible con CSS.
A continuación, el estilo se aplica al elemento seleccionado. Si los elementos secundarios no tienen atributos de estilo específicos definidos, se hereda el estilo del elemento principal.