We're making it easier to get around Constant Contact with a brand new left navigation. Not all accounts have that change yet, so if your navigation looks different from our articles, that's why–but everything from the top can now be found on the left!

Email and Digital Marketing
¿Cómo podemos ayudarlo?
Busca en nuestros artículos de ayuda, tutoriales de video y guías de inicio rápido

Podrás con esto. Podrás con nosotros. Encuentra rápidamente en nuestra Base de conocimientos las respuestas a tus preguntas sobre marketing por correo electrónico.

Crear un formulario de suscripción de contacto desplegable para su sitio web

Article: 000043809
Updated: 30 de enero de 2025

Llame la atención de los visitantes de su sitio web y pídales que se unan a su lista de contactos con un formulario de suscripción desplegable

 


Un formulario de suscripción desplegable está incrustado en el código HTML de un sitio web y se desliza a la vista, para que pueda recopilar suscripciones a medida que las personas visitan su sitio web.

   


Crear un formulario de suscripción desplegable

  1. Haga clic en Audience Growth (Crecimiento de la audiencia) > Sign-up forms (Formulario de suscripción).
  2. Haga clic en el botón Create Sign-Up Form (Crear formulario de suscripción).

    Pestaña Sign-Up Forms (Formularios de suscripción) seleccionada, página Sign-Up Forms sin formularios de suscripción creados y botón Create Sign-Up Form (Crear formulario de suscripción) 
     
  3. Haga clic en Flyout (Desplegable).

    Ventana Create sign-up form (Crear formulario de suscripción) superpuesta y opción Flyout (Desplegable)
     
  4. Haga clic en el nombre del formulario de suscripción.
  5. Ponga un nombre único a su formulario de suscripción para poder identificarlo luego en su cuenta. Los visitantes de su página web nunca ven este nombre.
  6. Haga clic en Save (Guardar).

    Campo de nombre del formulario de suscripción desplegable y superposición de campo Name (Nombre) y botón Save (Guardar)
     

 

Obtener permiso para enviar sugerencias.Obtenga permiso: el uso de este formulario de suscripción garantiza que reciba y documente el consentimiento expreso de sus contactos, lo que cumple con la política de permisos de correo electrónico de Constant Contact, así como la normativa GDPR y CASL.

 

Personalizar el contenido del formulario

  1. Haga clic en Content (Contenido) para personalizar lo que aparece en su formulario de suscripción.
  2. Haga clic en Title (Título) para cambiar el título y el color del texto del título. Elija de la paleta de colores o agregue un valor hexadecimal específico.
    Consejo: Si desea usar exactamente sus colores de marca, pero no está seguro del valor hexadecimal, use un selector de color como Color Cop para encontrarlos.
  3. Haga clic en Description (Descripción). Use la descripción como una oportunidad para informarles a sus contactos respecto del tipo de contenido que pueden esperar y con qué frecuencia los contactará. Elija de la paleta de colores o agregue un valor hexadecimal específico.
  4. Haga clic en Contact Fields (Campos de contacto). Elija los campos que sus contactos deberán completar cuando se suscriban. Una dirección de correo electrónico siempre es obligatoria por defecto. Para solicitar datos de contacto adicionales y campos personalizados, marque la casilla para seleccionar un campo y luego haga clic en el interruptor junto a este para convertirlo en un campo obligatorio. Las personas pueden ser reticentes a completar formularios con muchos campos obligatorios. Mantenga solo la información esencial en su formulario; siempre puede pedir más información más adelante.
  5. Haga clic en Email Lists (Listas de correo electrónico) para permitir que sus contactos elijan las listas a las que desean agregarse. Disponer de varias listas le ayuda a dividir sus contactos en grupos segmentados en función de sus intereses y le facilita la personalización del contenido de sus correos electrónicos para ellos.
  6. Haga clic en Button (Botón) para editar el texto, cambiar su color y el color de fondo del botón. Elija de la paleta o agregue un valor hexadecimal específico.
  7. Haga clic en Background (Fondo) para cambiar el color de fondo del formulario para que se destaque en su sitio web. Elija de la paleta de colores o agregue un valor hexadecimal específico.

    Menú Flyout Sign-up Form Conten (Contenido del formulario de suscripción desplegable), con opciones Title (Título), Description (Descripción), Contact Fields (Campos de contacto), Email Lists (Listas de correo), Button (Botón) y Background (Fondo) en el editor WYSIWYG
     

Para cambiar la apariencia del formulario de suscripción fuera del color del fondo y de los botones, debe editar la configuración del tema, seleccionar un tema nuevo o actualizar las CSS de su sitio web una vez que haya instalado el formulario en su sitio web. Su administrador de sitios o el soporte de su editor de sitio web pueden ayudarlo con esto.

 

Determinar el momento para mostrar su formulario

¿Desea captar nuevos contactos una vez que entren en su sitio web? Tal vez desee esperar unos segundos hasta que sus visitantes hayan invertido tiempo en su contenido, o tal vez prefiera llamar su atención cuando estén a punto de salir del sitio. Usted tiene el control sobre el momento en que el formulario de suscripción se muestra y sobre la frecuencia con que los visitantes que vuelven lo ven.

  1. Mientras edita el formulario, haga clic en Settings (Configuración).
  2. Haga clic en Timing (Momento).

    Menú Flyout Sign-Up Form Setting (Configuración del formulario de suscripción desplegable) y opción Timing (Momento)
     
  3. Seleccione las opciones de visualización para el formulario. Puede seleccionar una opción o utilizarlas en conjunto:
  • Por temporización: seleccione la cantidad de segundos, entre 1 a 15, para que el formulario aparezca.
  • En un intento de cierre: habilite el formulario para que se muestre cuando un visitante mueve el cursor hacia la X en la esquina superior derecha para cerrar su navegador. 
  • Seleccione una frecuencia en el menú desplegable. Cada visitante del sitio web ve el formulario por primera vez según el momento seleccionado en el Paso 3 y solo ve un formulario una segunda vez según la frecuencia seleccionada, aun si el visitante sale del sitio y vuelve más tarde o si permanece en este todo el tiempo. 
  1. Haga clic en Save (Guardar).

    Menú Flyout Sign-up Form Timing (Momento del formulario de suscripción desplegable), Mostrar opciones de formulario de suscripción con "on a timer" (con un temporizador) y "on exit intent" (en intento de cierre) seleccionados, y opciones de frecuencia la opción "Once per day" (Una vez por día) seleccionada
     

 

Personalizar el comportamiento del despliegue

Su formulario de suscripción desplegable puede aparecer simplemente o puede animarse para que parezca que se desliza a la vista.Puede editar su formulario y cambiar el comportamiento en cualquier momento.

  1. Mientras edita el formulario, haga clic en Settings (Configuración).
  2. Haga clic en Flyout Form Behavior (Comportamiento del formulario desplegable)

    Menú Flyout Sign-Up Form Settings (Configuración del formulario de suscripción desplegable) y opción Flyout Form Behavior (Comportamiento del formulario desplegable)
     
  3. Seleccione el lado de su sitio web en el que desea que aparezca su formulario.
  4. (Opcional) Haga clic en el interruptor Animation (Animación) para activarlo y hacer que el formulario se deslice hacia afuera cuando aparezca. Si el interruptor está en "Off" (Desactivado), el formulario aparece como una ventana emergente.

    Menú Flyout Sign-Up Form Flyout Form Behavior (Comportamiento del formulario de suscripción desplegable) con Position (Posición) seleccionada y opción Animation (Animación) activada
     

 

Elegir los tipos de dispositivos en los que desea mostrar su formulario

Puede crear formularios personalizados para mostrar a los visitantes de su sitio web según el dispositivo desde el que están viendo.

  1. Haga clic en Settings (Configuración).
  2. Haga clic en Devices (Dispositivos).

    Menú Flyout Sign-up Form Settings (Configuración del formulario de suscripción desplegable) y opción Devices (Dispositivos)
     
  3. En el menú desplegable, seleccione:
  • Desktop and mobile (Computadora de escritorio y móvil): Esto muestra su formulario de suscripción a todos, sin importar desde qué tipo de computadora o dispositivo móvil estén viendo su sitio web.
  • Desktop only (Escritorio solamente): Esto solo muestra su formulario de suscripción a las personas que ven su sitio web en computadoras de escritorio o portátiles.
  • Mobile only (Móvil solamente): Esto solo muestra su formulario de suscripción a las personas que ven su sitio web en dispositivos móviles, como teléfonos inteligentes.

    Menú Flyout Sign-up Form Devices (Dispositivos del formulario de suscripción desplegable) con la opción de escritorio y móvil seleccionada en el menú desplegable
     

 

(Opcional) Quitar la imagen de marca de Constant Contact

Su plan de correo determina si puede eliminar la imagen marca. Si ve la opción, pero no puede seleccionarla, debe cambiar su plan de correo electrónico a uno superior.

  1. Haga clic en Settings (Configuración).
  2. Haga clic en la marca Constant Contact.

    Pestaña Settings (Configuración) del formulario de suscripción en desplegable y opción de la marca Constant Contact
     
  3. Seleccione "Hide Constant Contact Branding" (Ocultar marca Constant Contact) para eliminar el logo que aparece en la parte inferior del formulario. Esto no afecta el descargo de responsabilidad de consentimiento arriba del botón, que no puede eliminarse ni alterarse.
  4. Haga clic en "Save" (Guardar).

    Menú de marca Constant Contact, opción Hide Constant Contact Branding (Ocultar marca Constant Contact) y enlace Save (Guardar)
     

La eliminación del logotipo solo se aplica al formulario de suscripción individual en el que está trabajando y no se eliminará de todos sus formularios de suscripción o correos electrónicos. Puede eliminar el logotipo del pie de página de todos sus correos electrónicos e invitaciones si sigue estos pasos.

 

Instalar un formulario de suscripción desplegable

Ícono de signo de exclamaciónImportante: Necesitará saber editar el código HTML para su sitio web, pero si no sabe hacerlo, su administrador de sitios podrá ayudarlo con el código. Si utiliza un editor de sitios web, la información de soporte también puede ser de ayuda.

 

Cuando haya terminado de personalizar su formulario de suscripción desplegable, puede continuar con su activación y luego con la instalación del Universal Code (Código universal) en su sitio web. 

  • Código universal: el Código universal conecta su formulario de suscripción desplegable a su cuenta de Constant Contact y en general se añade al pie de página de su sitio web.

Consulte las siguientes instrucciones detalladas para activarinstalar su formulario de suscripción. Al instalar el formulario de suscripción en líneas se agregan cookies a su sitio web.

 

Ícono de bombilla de luz¿Sabía que…? Si no desea agregar código a su sitio web, nuestras Páginas de bienvenida de generación de clientes potenciales no incluyen 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.

 

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?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Todos los derechos reservados · Constant Contact · Privacy Policy