 | Importante: Este artículo requiere el uso de 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 el posicionamiento del código. Su editor de sitio web o su plataforma de dominio deben ser compatibles con JavaScript para que el código del formulario de suscripción funcione. |
Después de crear y activar su formulario de suscripción, el próximo paso es agregar el código a su sitio web para que sus visitantes puedan comenzar a enviar su información de contacto. El proceso de instalación consta de dos pasos principales:
- Obtener el código para su formulario de suscripción:
- Instalar el código del formulario de suscripción en un sitio web
Cuando un contacto se une a su lista a través de su formulario de suscripción en línea, en pancarta, desplegable o emergente, puede cancelar la suscripción en cualquier momento haciendo clic en el enlace "Unsubscribe" (Cancelar suscripción) en el pie de página de su correo electrónico. ¿Quiere recibir una notificación cuando haya suscripciones nuevas? Puede recibir un correo electrónico diario o semanal con un resumen de los contactos nuevos y los que cancelaron su suscripción.
 | ¿Sabía que…? Si prefiere no tener que agregar código a su sitio web, ¡nuestras Páginas de bienvenida de suscripción no requieren HTML! La URL de la página de bienvenida se puede vincular a botones, imágenes y texto de manera muy sencilla en la mayoría de los editores de sitios web. |
Obtener el código para su formulario de suscripción
El primer paso para mostrar su formulario de suscripción activado en su sitio web es copiar el código HTML del formulario. Para el formulario de suscripción emergente, desplegable o en pancarta solo necesita agregar el código universal. Para el formulario de suscripción en línea, debe instalar dos fragmentos de código en el sitio web: el código universal y el código en línea.
Código universal para todos los tipos de formularios de suscripción
Este fragmento de código conecta el formulario de suscripción en línea, en pancarta, desplegable o emergente a su cuenta de Constant Contact. Se utiliza para la personalización y configuración de su formulario de suscripción. También conecta el formulario con su cuenta de Constant Contact para que la información de contacto que recolecta a través de su sitio web se almacene automáticamente en la lista de contactos que elija en su cuenta. Si quiere agregar su formulario a varias páginas de su sitio web, solo tiene que instalar el Código Universal una vez.
- En su cuenta de Constant Contact, haga clic en Audience Growth (Crecimiento del público) > Sign-up Forms (Formularios de suscripción) en el menú izquierdo.
- En la ventana superpuesta Inline Code (Código en línea), haga clic en el botón View universal code (Ver código universal).
- Haga clic en Copy to clipboard (Copiar al portapapeles).

Asegúrese de que su formulario de suscripción esté activado para que aparezca de inmediato en su sitio web. A continuación, tendrá todo listo para el paso final de instalar el código en su sitio web:
- Si está instalando el formulario de suscripción emergente, desplegable o en pancarta, este es el único código que necesita y puede continuar con la instalación del código en su sitio web.
- Si está instalando el formulario de suscripción en línea, también deberá copiar el código en línea antes de continuar.
Código en línea solo para formularios de suscripción en línea
Este fragmento de código determina en qué lugar de su sitio web aparecerá su formulario de suscripción en línea. Por ejemplo, puede colocarse en la página de inicio de su sitio web, en la sección de encabezado o pie de página, en un panel lateral, etc. El formulario puede alojarse en una sola página web, o puede agregar el código a varias páginas. Donde sea que elija, el tamaño óptimo del formulario es de 312 píxeles de ancho.
- En su cuenta de Constant Contact, haga clic en Channels (Canales) > Sign-up Forms (Formularios de suscripción) en el menú izquierdo.
- Junto al formulario de suscripción en línea, haga clic en los tres puntitos para expandir el menú y seleccione la opción "View inline code" (Ver código en línea).

- Desde la ventana superpuesta Inline Code (Código en línea), haga clic en Copy to clipboard (Copiar al portapapeles).

Si alguna vez necesita cambiar su formulario a otro lugar de su sitio, copie el código en línea y péguelo en el lugar deseado. También puede pegar el código en línea en varios lugares diferentes en su sitio web; solo tendrá que agregar el código universal en su pie de página una vez.
Instalar el código del formulario de suscripción en un sitio web
El último paso para mostrar su formulario de suscripción activado en su sitio web es pegar el código en el código de su sitio web.
- Para el formulario de suscripción en línea debe pegar el código universal en el pie de página del sitio web, entre las etiquetase<footer>ubicadas antes de la etiqueta </body>. La ubicación del código en línea determina dónde se muestra el formulario. En general, puede pegar el código en cualquier parte de la sección del código en el cuerpo de su sitio web si desea que el formulario solo aparezca en una página.
- Para el formulario de suscripción emergente, desplegable o en pancarta, el código universal se puede colocar en cualquier lugar del sitio web en donde desee que se muestre el formulario. Puede colocar el código en varias páginas o en el pie de página de su sitio web para mostrar el formulario en todas las páginas.
Una vez incrustado el código en el sitio web, los cambios que realice en el contenido (título y texto de descripción, campos de información de contacto y opciones de lista) o en el diseño (color de fondo y botones) del formulario de suscripción en su cuenta de Constant Contact se reflejan automáticamente en el sitio web.
El formulario depende de los estilos determinados en su sitio web. Para cambiar la apariencia del formulario de suscripción más allá del color del fondo y de los botones, debe seleccionar un tema nuevo para el sitio web o actualizar las CSS de este. Su administrador de sitios o el soporte de su editor de sitios web pueden ayudarle con esto.
 | ¿Sabía que…? Es posible agregar tanto el formulario de suscripción en línea como una pancarta, un menú desplegable o un formulario de registro emergente a su sitio web, pero a veces pueden aparecer juntos en la misma página. Recomendamos utilizar solo un tipo de formulario a la vez. |
Instrucciones (Presentadas en orden alfabético por el editor de sitios)
Para instalar el código del formulario de suscripción en un sitio web creado con un editor de sitios web, siga estas instrucciones para su herramienta de edición específica. Si está teniendo inconvenientes o no ve su editor de sitio web en la lista, su administrador de sitios puede ayudarlo a posicionar el código, o puede comunicarse con el equipo de soporte de su editor de sitios web para obtener más ayuda.
BigCommerce
Si utiliza BigCommerce para su sitio, recomendamos que utilice nuestro formulario de suscripción emergente, desplegable o en pancarta en lugar de nuestro formulario en línea. Estos formularios solo requieren el uso del código universal, que puede instalarse fácilmente en el pie de página de su sitio BigCommerce.
Para obtener ayuda para agregar el código a su sitio web de BigCommerce, comuníquese con su administrador de sitios o consulte el soporte de BigCommerce.
Dreamweaver
Para agregar el código universal para los formularios de suscripción en línea, emergentes, desplegables y en pancarta, haga lo siguiente:
- Copie el código universal para su formulario de suscripción.
- Abra su archivo HTML en Dreamweaver.
- Desplácese hacia abajo hasta la sección de pie de página del código y pegue el código universal antes de la etiqueta </ body>.
Para agregar el código en línea para el formulario de suscripción en línea, haga lo siguiente:
- Copie el código en línea para su formulario de suscripción.
- Vuelva a Dreamweaver y decida dónde desea que su formulario se muestre. Una vez que haya elegido el lugar, pegue el código en línea en su código HTML.
Para obtener ayuda para agregar el código a su sitio web de Dreamweaver, comuníquese con su administrador de sitios o consulte el soporte de Dreamweaver.
Elementor para WordPress y WooCommerce
Para agregar el código universal para los formularios de suscripción en línea, emergentes, desplegables y en pancarta, haga lo siguiente:
- Copie el código universal para su formulario de suscripción.
- En Elementor, edite el pie de página.
- Agregue un widget HTML al pie de página.
- Pegue el código en el widget.
Para agregar el código en línea para el formulario de suscripción en línea, haga lo siguiente:
- Copie el código en línea para su formulario de suscripción.
- En Elementor, agregue un widget HTML. Su formulario de suscripción se muestra en donde sea que coloque el widget.
- Pegue el código en el widget.
Para obtener ayuda para agregar el código a su sitio web de WordPress o WooCommerce usando Elementor, comuníquese con su administrador de sitios o consulte con el equipo de soporte de Elementor.
Editor de sitios web GoDaddy
En este momento, los formularios de suscripción en línea y emergente no son compatibles con el editor de sitios web GoDaddy.
También puede vincular una página de bienvenida de suscripción a su sitio GoDaddy:
Formulario de estilo en línea:
- Cree una página de bienvenida de suscripción.
- Copie la URL para su página de bienvenida de suscripción.
- Abra el editor del sitio web de GoDaddy.
- Haga clic en el botón Popup (Emergente) en la esquina inferior derecha de la página.
- En la sección Action Button (Botón de acción), cambie la etiqueta del botón a Subscribe (Suscribirse) o Sign-up (Registrarse).
- Debajo de Link to (Enlace a), elija "Website URL" (URL de sitio web) y pegue la URL de su página de bienvenida de suscripción.
- Haga clic en Done (Listo).
- Haga clic en Publish (Publicar).
Formulario de estilo emergente:
Instale una página de bienvenida de suscripción en la ventana emergente integrada en GoDaddy.
- Cree una página de bienvenida de suscripción.
- Copie la URL para su página de bienvenida de suscripción.
- Copie el código que se detalla a continuación y haga lo siguiente:
- Abra el editor del sitio web de GoDaddy.
- Haga clic en + Add Section (Agregar sección).
- Haga clic en Files & Web (Archivos y web) > HTML.
- Pegue el código en el campo Custom Code (Código personalizado).
- Haga clic en Publish (Publicar).
Para obtener ayuda para agregar un recuadro emergente o un código personalizado a su sitio de GoDaddy, comuníquese con su webmaster o consulte el soporte de GoDaddy.
Google Sites
En este momento, Google Sites no es compatible con nuestro formulario de suscripción emergente, desplegable y en pancarta. Si tiene varias páginas donde desea mostrar un formulario de suscripción en línea, debe añadir el código a cada página individual.
Para agregar el código universal para el formulario de suscripción en línea, haga lo siguiente:
- Copie el código universal para su formulario de suscripción.
- Haga clic en Insert (Insertar) > Embed (Incrustar).
- Haga clic en "Embed code" (Incrustar código).
- Pegue el código universal en el campo.
- Haga clic en Next (Siguiente).
- Haga clic en Insert (Insertar).
- Mueva el bloque al lugar de su sitio donde quiere que se muestre su formulario de suscripción.
- Cambie el tamaño del bloque según sea necesario de forma que todo el formulario de suscripción sea visible.
Para agregar el código en línea para el formulario de suscripción en línea, haga lo siguiente:
- Copie el código en línea para su formulario de suscripción.
- Edite el bloque Incrustar código donde haya añadido el Código Universal.
- Pegue el Código en línea debajo del Código Universal.
- Haga clic en Next (Siguiente).
- Haga clic en Insert (Insertar).
Para obtener ayuda para agregar el código a su sitio web de Google, comuníquese con su administrador de sitios o visite el soporte de Google.
Para agregar el código universal para los formularios de suscripción en línea, emergentes, desplegables y en pancarta, haga lo siguiente:
- Copie el código universal para su formulario de suscripción.
- Haga clic en Settings (Configuración).
- Haga clic en Content (Contenido) > Pages (Páginas).
- Seleccione el dominio al que desea aplicar su formulario de suscripción.
Nota: Si aplica código al pie de página de un dominio específico, los cambios que realice en "All domains" (Todos los dominios) no se aplicarán a ese dominio individual y tendrá que agregarle los cambios manualmente. - En la sección HTML del pie de página del sitio, haga clic enOverride default settings (Anular la configuración predeterminada).
- Pegue el código universal en el código de pie de página.
- Haga clic en Save (Guardar).
Para agregar el código en línea para el formulario de suscripción en línea, haga lo siguiente:
- Copie el código en línea para su formulario de suscripción.
- Haga clic en Content (Contenido) y haga clic en el nombre de la página a la que desea agregar su formulario de suscripción.
- Haga clic en un módulo de Rich Text (Texto enriquecido) del diseño o agregue uno mediante el filtro Common modules (Módulos comunes) del menú de la izquierda del diseño.
- En el menú de la izquierda del diseño, haga clic en Advanced (Avanzado) > Custom code (Código personalizado).
- Pegue el código en línea en el código fuente.
- Haga clic en Save changes (Guardar cambios).
Para obtener ayuda para agregar el código a su pie de página o sitio web de HubSpot, comuníquese con su administrador de sitios o visite el soporte de HubSpot.
WebsiteBuilder iPage
Para agregar el código universal para los formularios de suscripción en línea, emergentes, desplegables y en pancarta, haga lo siguiente:
- Copie el código universal para su formulario de suscripción.
- Arrastre un elemento Embed HTML (Incrustar HTML) a su sitio web.
- Haga clic en "Insert HTML" (Insertar código HTML).
- Pegue el código universal en la sección del encabezado de HTML.
Para agregar el código en línea para el formulario de suscripción en línea, haga lo siguiente:
- Copie el código en línea para su formulario de suscripción.
- Pegue el Código en línea en la sección Body HTML (Cuerpo de HTML).
- Haga clic en OK (Aceptar) para guardar el código.
- Cambie el tamaño del bloque según sea necesario de forma que todo el formulario de suscripción sea visible.
- Haga clic en Publish (Publicar).
Para obtener ayuda para agregar el código a su sitio web de iPage, comuníquese con su administrador de sitios o visite el soporte de iPage.
Shopify
Para agregar el código universal para los formularios de suscripción en línea, emergentes, desplegables y en pancarta, haga lo siguiente:
- Copie el código universal para su formulario de suscripción.
- En su cuenta de Shopify, haga clic en Online Store (Tienda en línea) y, luego, en el botón Customize (Personalizar).
- Haga clic en Theme actions (acciones de tema) > Edit Code (editar código).
- Haga clic en Sections (secciones) > footer.liquid.
- Pegue el código universal luego de la última línea de código existente y haga clic en Save (Guardar).
Para agregar el código en línea para el formulario de suscripción en línea, haga lo siguiente:
- Copie el código en línea para su formulario de suscripción.
- Haga clic en Sections (secciones) y luego haga clic en el bloque de contenido en el que quiera agregar el formulario de suscripción. Por ejemplo, hero.liquid agrega el formulario de suscripción justo después de la imagen principal, y slideshow.liquid agrega el formulario después del bloque de diapositivas.
- Pegue el código en línea luego de la última línea de código existente y haga clic en Save (Guardar).
Para ver el formulario de suscripción, debe generar una vista previa de su sitio web.
Para obtener ayuda para agregar el código a su sitio web de Shopify, comuníquese con su administrador de sitios o visite el soporte de Shopify.
SiteBuilder
Para agregar el código en línea para el formulario de suscripción en línea, haga lo siguiente:
- Copie el código en línea para su formulario de suscripción.
- En el panel de control del editor de sitios web de SiteBuilder, haga clic en Elements (Elementos).
- Pegue el código en línea en el bloque HTML.
Para agregar el código universal para los formularios de suscripción en línea, emergentes, desplegables y en pancarta, haga lo siguiente:
- Copie el código universal para su formulario de suscripción.
- En el panel de control del editor de sitios web de SiteBuilder, haga clic en Elements (Elementos).
- Pegue el Código universal en el bloque HTML debajo del Código en línea.
- Arrastre el bloque HTML a la página y ubicación deseada en su sitio web.
Para obtener ayuda para agregar el código a su sitio web de SiteBuilder, comuníquese con su administrador de sitios o visite el soporte de SiteBuilder.
Squarespace
Para agregar el código universal para los formularios de suscripción en línea, emergentes, desplegables y en pancarta, haga lo siguiente:
- Copie el código universal para su formulario de suscripción.
- En Squarespace, haga clic en Website (Sitio web) > Pages (Páginas) > Website Tools (Herramientas del sitio web) (se encuentra en la parte inferior de la página).
- Haga clic en Code Injection (Inyección de código).
- Pegue el código universal en la sección de encabezado.
- Haga clic en Save (Guardar).
Para agregar el código en línea para el formulario de suscripción en línea, haga lo siguiente:
- Copie el código en línea para su formulario de suscripción.
- En Squarespace, seleccione la página donde desea que su formulario de suscripción se muestre y haga clic en Edit (Editar).
- Haga clic en el botón Add Block (Agregar bloque) en la esquina superior derecha del editor de contenido.
- Desplácese por las opciones y seleccione Code (Código).
- Pegue el código en línea en el bloque y haga clic en Apply (Aplicar).
- Arrastre el bloque de código a ubicación deseada en la página.
- 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 visite el soporte de Squarespace. Tenga en cuenta que la inyección de código es una función prémium disponible en los planes Business y Commerce de Squarespace.
Typepad
Para agregar el código universal para los formularios de suscripción en línea, emergentes, desplegables y en pancarta, haga lo siguiente:
- Copie el código universal para su formulario de suscripción.
- Haga clic en Design (Diseño) > Content (Contenido).
- Deslícese hacia abajo hasta la opción Blog Footer (Pie de página del blog) y haga clic en el icono de Edit (Editar).
- Haga clic en "Advanced" y pegue el código universal en el campo.
Para agregar el código en línea para el formulario de suscripción en línea, haga lo siguiente:
- Copie el código en línea para su formulario de suscripción.
- Haga clic en Design (Diseño) > Content (Contenido).
- Seleccione el módulo Embed your own HTML (Incrustar un HTML propio) y pegue el código en línea en el campo de HTML.
Para obtener ayuda para agregar el código a su blog de Typepad, comuníquese con su administrador de sitios o visite el soporte de Typepad.
Website.com
Para agregar el código en línea y el código universal en formularios en línea, emergentes, desplegables y en pancarta, haga lo siguiente:
- Haga clic en el botón + para agregar contenido nuevo a su sitio web.
- Seleccione "Other" (Otro).
- En la sección Custom HTML (HTML personalizado), haga clic en HTML.
- Haga clic en el contenedor de Custom HTML (HTML personalizado) y en EDIT HTML CODE (EDITAR CÓDIGO HTML).
- Copie el código en línea y péguelo en el campo HTML.
- Copie el código universal y péguelo en el campo HTML.
Para ver el formulario de suscripción, debe generar una vista previa de su sitio web.
Para obtener ayuda para agregar el código a su sitio web de website.com, comuníquese con su administrador de sitios o visite el soporte de website.com.
Weebly
Para agregar el código universal para los formularios de suscripción en línea, emergentes, desplegables y en pancarta, haga lo siguiente:
- Copie el código universal para su formulario de suscripción.
- En Weebly, haga clic en Settings (Configuración) > SEO(Optimización para motor de búsqueda).
- Pegue el código en la sección Footer Code (Código de pie de página).
- Guarde los cambios.
- Haga clic en Publish (Publicar).
Para agregar el código en línea para el formulario de suscripción en línea, haga lo siguiente:
- Copie el código en línea para su formulario de suscripción.
- 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.
- Haga clic y arrastre el bloque a la página y ubicación deseada en su sitio web.
- Pegue el código en línea en el bloque.
- 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 visite el soporte de Weebly.
Wix
Para agregar el código universal para los formularios de suscripción en línea, emergentes, desplegables y en pancarta, haga lo siguiente:
- Haga clic en el botón Add Elements (+) (Agregar elementos).
- Haga clic en Embed Code (Incrustar código) > Popular Embeds (Popular elementos incrustados).
- Seleccione Embed HTML (Incrustar HTML).
- En la sección What do you want to add? (¿Qué quiere agregar?) de la ventana HTML Settings (Configuración HTML), seleccione la opción Code (Código).
- Copie el código universal para su formulario de suscripción.
- Pegue el código universal en el campo.
Nota: el código universal no muestra "HTTPS", pero es compatible. - Haga clic en Update (Actualizar).
- Cambie el tamaño del bloque según sea necesario de forma que todo el formulario de suscripción sea visible.
Para agregar el código en línea para el formulario de suscripción en línea, haga lo siguiente:
- Haga clic en el botón Add Elements (+) (Agregar elementos).
- Haga clic en Embed Code (Incrustar código) > Embed HTML (Incrustar HTML).
- En la sección What do you want to add? (¿Qué quiere agregar?) de la ventana HTML Settings (Configuración HTML), seleccione la opción Code (Código).
- Copie el código en línea para su formulario de suscripción.
- Pegue el Código en línea debajo del Código Universal.
Nota: el código en línea no muestra "HTTPS", pero es compatible. - Haga clic en Update (Actualizar).
- Cambie el tamaño del bloque según sea necesario de forma que todo el formulario de suscripción sea visible.
Si tiene varias páginas donde desea mostrar un formulario de suscripción en línea, puede crear el formulario y agregar el código a cada página.
La aplicación Formulario de Constant Contact de Digioh añade un formulario de suscripción lightbox a su página web y no necesita crear un formulario de suscripción emergente dentro de Constant Contact.
- Vaya a este enlace: https://www.wix.com/app-market/constant-contact-form
- En la aplicación "Formulario de Constant Contact" de Digioh, haga clic en Add to Site (Agregar al sitio).
Para obtener ayuda para agregar códigos a su sitio de Wix, comuníquese con su administrador de sitios o visite el soporte de Wix. Para obtener ayuda mediante la aplicación Formulario de Constant Contact, visite el soporte de Digioh.
Wordpress.org
Para agregar el código universal para los formularios de suscripción en línea, emergentes, desplegables y en pancarta, haga lo siguiente:
- Copie el código universal para su formulario de suscripción.
- Desde el panel del lado izquierdo, seleccione Appearance (Apariencia) > Customize (Personalizar).
- Haga clic en Widgets (Miniaplicaciones).
- Haga clic en la barra lateral del pie de página , en el n.° pie de página o en el área del pie de página, en el n.° de columna del pie de página, etc.
Nota: Según el tema elegido, es posible que primero deba agregar un widget nuevo. - Elija Custom HTML (Personalizar HTML).
- Pegue el código universal en el campo Content (Contenido). Deje el campo Title (Título) en blanco.
- Haga clic en "Done" (listo).
- Haga clic en Publish (Publicar).
Los widgets pueden variar dependiendo del tema elegido. Si no ve un widget para el pie de página, intente buscar la configuración del pie de página para el tema elegido haciendo clic en Appearance (Apariencia) > Customize (Personalizar) y, a continuación, en Footer (Pie de página) (si está disponible) para editar el contenido del pie de página. A veces, el tema tiene su propia pestaña con nombre en el menú del panel, y puede editar el pie de página desde allí. Si no ve ninguna de estas opciones, debe editar el código del pie de página haciendo clic en Appearance (Apariencia) > Editor (Editor) > footer.php. Tenga en cuenta que si luego cambia el tema, el código del formulario de suscripción se elimina del footer.php y debe volver a agregarlo.
Para agregar el código en línea para el formulario de suscripción en línea, haga lo siguiente:
- Copie el código en línea para su formulario de suscripción.
- Desde el panel del lado izquierdo, seleccione Pages (Páginas) > All Pages (Todas las páginas).
- Haga clic en el nombre de la página donde desea agregar el código.
- Haga clic en la pestaña Text (Texto) del lado derecho.
- Pegue el código en línea en el bloque de texto donde desee mostrar el formulario.
- En la sección Publish (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 visite el soporte 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, le recomendamos crear un Formulario de suscripción en página de bienvenida. Luego, podrá copiar la dirección URL de la página de bienvenida y vincularla a un botón o un texto de vínculo en su sitio web de Wordpress.com.
 | ¿Sabía que…? Integramos WordPress para que los usuarios de Wordpress.com Business Plan y de Wordpress.org también tengan la opción de usar el complemento de WordPress para recopilar suscripciones. Obtener más información. |
Para obtener ayuda para agregar el código a su sitio web de Wordpress.com, comuníquese con su administrador de sitios o visite el soporte de Wordpress.com.
Todo enlace que proporcionemos a sitios que no sean de Constant Contact, así como cualquier información sobre productos o servicios que no sean de Constant Contact, se facilita como cortesía y no debe interpretarse como un aval por parte de Constant Contact.