Incruste el widget de archivo de correos electrónicos en su sitio web

Añada el código HTML para el widget de archivo de correos electrónicos al código fuente de su sitio web y elija la cantidad de correos electrónicos que desea mostrar

Revise su plan: esta función no está disponible en todos los planes de Constant Contact. Si no cuenta con acceso completo, puede que necesite mejorar el nivel de su plan.

El widget de archivo de correos electrónicos incrustable le permite alojar hasta 100 de sus correos electrónicos enviados previamente en su sitio web. Los visitantes de su sitio web pueden ponerse al día con los correos electrónicos que puedan haberse perdido y, si coloca el widget cerca del formulario de registro en su sitio web, puede incluso conseguir algunos suscriptores nuevos para su lista de correo.
 

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

Para empezar, copie el código HTML del widget y luego añada el código HTML a su sitio web para que sus correos electrónicos puedan verse allí:

• Obtener el código para el widget de archivo de correos electrónicos
• Agregar el código a su sitio web
• Ver ejemplos del widget de archivo de correos electrónicos

Solo debe agregar el código a su sitio web una vez y luego puede agregar y eliminar correos electrónicos de su widget en la pestaña Campaigns (Campañas). Los correos electrónicos más recientes a archivar aparecen al principio de la lista de su sitio web.

Obtener el código para el widget de archivo de correos electrónicos

1. Haga clic en Marketing channels (Canales de marketing) > All campaigns (Todas las campañas).
2. Haga clic en el botón Settings (Configuración).
   
    
    
3. Haga clic en la pestaña Email Archive (Archivo de correos electrónicos).
4. Use las flechas para seleccionar la cantidad máxima de correos electrónicos que desea mostrar en su sitio web.
   Nota: Si archiva más mensajes de correo que el número que configura aquí, solo los mensajes de correo archivados más recientemente aparecerán en el sitio web.
5. Haga clic en "Copy to clipboard" (Copiar al portapapeles) para copiar el código del widget.
6. Cuando haya terminado, haga clic en Close (Cerrar).
   
   
    

Agregar el código a su sitio web

Ahora debe pegar el código en la porción HTML del código fuente de su sitio web. El código puede agregarse para que se muestre en cualquier lugar de su sitio web e incluso puede personalizarse con CSS para que coincida con la apariencia y estilo de su sitio web. Consulte a su webmaster para obtener ayuda o póngase en contacto con el servicio de soporte de su constructor de sitios web.
 

Sugerencia: Aliente a quienes ven su sitio web a que se suscriban a su lista de correo colocando el widget cerca del formulario de suscripción en línea en su sitio web.

BigCommerce

1. Copie el código para el widget.
2. Abra BigCommerce y haga clic en Storefront Content (Contenido de la fachada) > Web Pages (Páginas web).
3. Haga clic en la página donde desea que aparezca el widget.
4. Haga clic en el botón HTML.
5. Pegue el código en el editor y haga clic en Update (Actualizar).

Para obtener ayuda para agregar el código a su sitio web de BigCommerce, comuníquese con su administrador de sitios o consulte la información de ayuda de BigCommerce.

Dreamweaver

1. Copie el código para el widget.
2. Abra su archivo HTML en Dreamweaver.
3. Decida dónde desea que aparezca su widget y pegue el código en su código fuente HTML.

Para obtener ayuda para agregar el código a su sitio web de Dreamweaver, comuníquese con su administrador de sitios o consulte con el equipo de soporte de Dreamweaver.

Editor de sitios web GoDaddy

1. Copie el código para el widget.
2. Edite su sitio GoDaddy.
3. Arrastre un bloque HTML a su página web.
4. Pegue el código en el panel y haga clic en Save (Guardar).

Para obtener ayuda para agregar el código a su sitio web de BigCommerce, comuníquese con su administrador de sitios o consulte la información de ayuda de GoDaddy.

WebsiteBuilder iPage

1. Copie el código para el widget.
2. Arrastre un elemento Embed HTML a su página web.
3. Haga clic en "Insert HTML" (Insertar código HTML).
4. Pegue el Código en la sección Body HTML (Cuerpo de HTML).
5. Haga clic en OK (Aceptar) para guardar el código.

Para obtener ayuda para agregar el código a su sitio web de iPage, comuníquese con su administrador de sitios o consulte la información de ayuda de iPage.

Shopify

1. Copie el código para el widget.
2. En su cuenta de Shopify, haga clic en Online Store (Tienda online) y luego en el botón Customize (Personalizar).
3. Haga clic en Theme actions (acciones de tema) > Edit Code (editar código).
4. Haga clic en Sections (Secciones) y luego haga clic en el bloque de contenido en el que quiera agregar el widget. Por ejemplo, hero.liquid agrega el widget justo después de la imagen principal y slideshow.liquid agrega el widget después del bloque de diapositivas.
5.  Pegue el código luego de la última línea de código existente y haga clic en Save (Guardar).

Para obtener ayuda para agregar el código a su sitio web de Shopify, comuníquese con su administrador de sitios o consulte la información de ayuda de Shopify.

SiteBuilder

1. Copie el código para el widget.
2. En el panel de control del editor de sitios web de SiteBuilder, haga clic en Elements (Elementos).
3. Pegue el código en el bloque HTML.
4. Arrastre el bloque HTML a la página y ubicación deseada en su página web.

Para obtener ayuda para agregar el código a su sitio web de SiteBuilder, comuníquese con su administrador de sitios o consulte la información de ayuda de SiteBuilder.

Squarespace

1. Copie el código para el widget.
2. En Squarespace, seleccione la página donde desea que su formulario de suscripción se muestre y haga clic en Edit (Editar).
3. Haga clic en el botón Add Block (Agregar bloque) en la esquina superior derecha del editor de contenido.
4. Desplácese por las opciones y seleccione Code (Código).
5. Pegue el código en el bloque y haga clic en Apply (Aplicar).
6. Arrastre el bloque de código a ubicación deseada en la página.
7. Haga clic en Save (Guardar).

Para obtener ayuda para agregar el código a su sitio web de Squarespace, comuníquese con su administrador de sitios o consulte la información de ayuda de Squarespace.

Website.com

1. Copie el código para el widget.
2. Haga clic en el botón + para agregar contenido nuevo a su página web.
3. Seleccione "Other" (Otro).
4. En la sección Custom HTML (HTML personalizado), haga clic en HTML.
5. Haga clic en el contenedor de Custom HTML (HTML personalizado) y en EDIT HTML CODE (EDITAR CÓDIGO HTML).
6. Pegue el código en el campo HTML.

Para obtener ayuda para agregar el código a su sitio web de website.com, comuníquese con su administrador de sitios o consulte la información de ayuda de website.com.

Weebly

1. Copie el código para el widget.
2. En el panel de control del editor de sitio web de Weebly, seleccione la opción "Embed code" (Incrustar código) en la barra de herramientas izquierda.
3. Haga clic y arrastre el bloque a la página y ubicación deseada en su página web.
4. Pegue el código en el bloque.
5. Seleccione Save and Publish (Guardar y publicar).

Para obtener ayuda para agregar el código a su sitio web de Weebly , comuníquese con su administrador de sitios o consulte la información de ayuda de Weebly.

Wix

1. Copie el código para el widget.
2. Edite su página web en Wix.
3. Haga clic en Add (Agregar) > More (Más).
4. Haga clic en el código HTML.
5. Arrastre el bloque a la página y ubicación deseada en su página web.
6. Haga clic en Enter Code (Ingresa código).
7. Pegue su código y haga clic en Update (Actualizar).

Para obtener ayuda para agregar el código a su sitio web de Wix, comuníquese con su administrador de sitios o consulte la información de ayuda de Wix.

Wordpress.org

1. Copie el código para el widget.
2. Desde el panel del lado izquierdo, seleccione Pages (Páginas) > All Pages (Todas las páginas).
3. Haga clic en el nombre de la página donde desea agregar el código.
4. Haga clic en la pestaña Text (Texto) del lado derecho.
5. Pegue el código en el bloque de texto donde desee mostrar el formulario.
6. En la sección Publicar, haga clic en Update (Actualizar).

Para obtener ayuda para agregar el código a su sitio web de Wordpress.org, comuníquese con su administrador de sitios o consulte la información de ayuda de Wordpress.org.

Wordpress.com

Wordpress.com no es lo mismo que Wordpress.org. Wordpress.com no admite Javascript ni complementos de terceros de ningún tipo.Si está utilizando Wordpress.com, puede crear su propio archivo de correo electrónico al copiar las URL permanentes de sus correos electrónicos enviados y al usarlos para crear enlaces de texto en su página web wordpress.com.

Para obtener ayuda para agregar enlaces de texto a su sitio web de Wordpress.com, comuníquese con su administrador de sitios o consulte la información de ayuda de Wordpress.com.

Ver ejemplos del widget de archivo de correos electrónicos

Usar en el widget de archivo de correos electrónicos las mismas fuentes y colores que usa en la marca de su sitio web genera una imagen coherente. Se pueden usar estilos CSS al código del widget para cambiar el aspecto de la lista de correos electrónicos en su sitio web. Cuando los visitantes del sitio web hagan clic para ver uno de sus correos electrónicos archivados, serán llevados a la URL permanente del correo electrónico.

Widget de archivo de correos electrónicos estándar	Widget de archivo de correos electrónicos con estilos aplicados al código
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 mouse 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 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?