Aplicar estilos y formato al widget de archivo de correos electrónicos en su sitio web

Utiliza CSS para estilizar el aspecto de la lista de correos electrónicos en su sitio web y para cambiar la cantidad de correos electrónicos que se muestran

Importante: este artículo requiere el uso del código HTML. Si trabaja con un administrador de sitios, puede ayudarlo a instalar el código en su sitio web. Si usa un editor de sitios web, comuníquese con el equipo de soporte para obtener ayuda con la actualización del código.

¡Su imagen de marca es importante! El código para el widget de archivo de correos electrónicos se puede modificar para que coincida con las fuentes, los colores, el interlineado y los estilos de lista que ya usa en su sitio web. También puede cambiar rápidamente la cantidad máxima de correos electrónicos que desea mostrar en el widget sin tener que volver a copiar y pegar el código del widget.

• Aplicar estilo al widget con CSS
• Para cambiar el número de mensajes de correo que se muestran en el widget
• Ver ejemplos del widget

Aplicar estilo al widget con CSS

De forma predeterminada, el widget de archivo de correos electrónicos estándar es una lista con viñetas simple. Puede cambiar los estilos de fuente, el tamaño de fuente, el color de la fuente y las viñetas, los estilos de viñeta y el interlineado con algunos códigos.

• Aplicar estilo al Archivo - Use el selector #archiveList

   <style> #archiveList {   borde: 1px solid #000000;   line-height: 2; } </style> 

• Aplicar estilo a la Lista - Use el selector #archiveList ul

   <style> #archiveList > ul { list-style-type: circle; list-style-position: inside; } </style> 

• Aplicar estilo a los Elementos de lista - Use el selector #archiveList li

   <style> #archiveList li {   color: blue; } </style> 

Para cambiar el número de mensajes de correo que se muestran en el widget

Puede compartir más de 100 correos electrónicos en el widget de archivo de correos electrónicos. Si desea cambiar el número de mensajes de correo que aparecen en su sitio web, puede editar el código (en rojo a continuación) con un número entre 1 y 100 después de que haya agregado el código del widget al sitio web:

 <div id="archiveList" data-archive-count="5" data-m="a07e1jef1ar0"></div> 

Una vez que el número se actualice, puede agregar y eliminar correos electrónicos de su sitio web por medio de su cuenta de Constant Contact sin tener que actualizar constantemente el código del sitio web.

Ver ejemplos del widget

Los correos electrónicos se muestran dentro del widget en el orden en que se archivan, con los correos electrónicos más recientes en la parte superior de la lista. Todos los correos electrónicos archivados muestran su línea de asunto, no el nombre de su campaña. Si necesita cambiar la línea de asunto del correo electrónico que aparece en el widget, puede hacerlo copiando el original.

Ejemplo de widget de archivo de correos electrónicos estándar	Ejemplo de widget de archivo de correos electrónicos con estilos aplicados
El widget de archivo de correos electrónicos estándar es una lista con viñetas simple. Los vínculos se subrayan cuando coloca el puntero del ratón sobre ellos.	En este ejemplo, la fuente se ha cambiado para que coincida con la imagen en el sitio web, las viñetas se han centrado y se han convertido al mismo color que el fondo para hacerlas desaparecer y se ha aplicado una propiedad "border-image" (imagen de borde).

Todos los enlaces que proporcionamos desde sitios que no son de Constant Contact o información sobre productos o servicios que no son de Constant Contact se proporcionan a modo de cortesía y no deben interpretarse como un respaldo de Constant Contact.

Questions?