¿Cómo activar una ventana emergente con un clic?
El siguiente artículo aplica a nuestro nuevo editor de Formularios y Popups. La ayuda del editor anterior se puede encontrar aquí.
Ahora puedes configurar el formulario para que aparezca cuando el visitante de tu sitio web haga clic en un botón o enlace de tu elección. Puedes combinar el activador de clic con diferentes activadores, puedes aprender más sobre otros activadores aquí.
Configuración del disparador al hacer clic
Para configurar el activador de clic para tu ventana emergente:
- Ve a Formularios y ventanas emergentes y haz clic en el nombre.
- Haz clic en Editar en Reglas de visualización.
- Haz clic en Editar disparadores para seleccionar la acción que hará que aparezca la ventana emergente.
- Selecciona Al hacer clic.
- Introduce el selector CSS que identifica el elemento HTML que, al hacer clic, abre la ventana emergente. Consulta los ejemplos de activación a continuación. Si no puedes acceder al código de tu sitio, consulta a tu desarrollador.
- Haz click en Próximo.
Ejemplos de selectores CSS
Un selector CSS es un patrón usado en desarrollo web para apuntar y estilizar elementos HTML específicos en una página web. Al configurar un disparador Al hacer clic para tu formulario emergente en GetResponse, el selector CSS identifica el botón o link en el que los visitantes necesitan hacer clic para disparar la ventana emergente.
Supongamos que tienes un botón en tu página web con el siguiente código HTML:<button class="subscribe-button">Subscribe Now
Para utilizar este botón como disparador de tu formulario emergente, debes configurar el selector CSS para que se dirija a él. Por ejemplo:
- Para identificarlo por su clase (esto funcionará para todos los elementos HTML de esta clase):
.subscribe-button - Para identificarlo por su etiqueta HTML y clase (que puede funcionar para todos los botones de esta clase):
button.subscribe-button - Para identificar un botón con un ID específico (si el botón tiene id=«subscribe»):
#subscribe
El selector por Id/# encuentra el primer elemento coincidente y el clic se registrará sólo en él. El selector por clase funciona en muchos elementos, igual que otros selectores. El selector por Id/# es único en este aspecto.
Si quieres que el clic se ejecute exactamente sobre el elemento que deseas, asegúrate de que el selector es único.
La configuración de un activador Al hacer clic mediante selectores CSS requiere conocimientos básicos de HTML y CSS. Si no estás familiarizado con estos conceptos o con la estructura del código de tu sitio web, te recomendamos que consultes a tu desarrollador web.
Ten en cuenta que GetResponse no brinda soporte técnico para configurar selectores CSS. Sin embargo, si necesitas orientación general, puedes consultar recursos en línea o solicitar ayuda a un profesional.