¿Quiere crear una ventana emergente que aparezca cuando los visitantes hagan clic en un enlace o imagen en su sitio?
Esta es una forma comprobada de hacer crecer su lista de correo electrónico. Es más efectivo porque comienza con una acción realizada por un usuario. Los sitios populares suelen utilizar esto para ofrecer un incentivo para conseguir aún más suscriptores.
En este artículo, mostraremos cómo abrir una ventana emergente de WordPress haciendo clic en un enlace o imagen, paso a paso.
¿Qué es un formulario emergente Al hacer clic?
Los formularios emergentes al hacer clic son ventanas emergentes que se abren cuando un usuario hace clic en un enlace, botón o imagen en su sitio web de WordPress.
Normalmente, las ventanas emergentes aparecen en los sitios web cuando un usuario llega o está a punto de salir. Los formularios emergentes al hacer clic se activan mediante la interacción del usuario.
También utilizamos ventanas emergentes al hacer clic en WPBeginner para hacer crecer nuestra lista de correo electrónico. Por ejemplo, aparecerá una ventana emergente cuando un usuario haga clic en el ícono de correo electrónico en la barra lateral junto a todos los íconos sociales.
¿Por qué los formularios emergentes On-Click son tan efectivos?
El formulario emergente al hacer clic es eficaz porque utiliza el poderoso efecto Zeigarnik. Este es un principio psicológico que establece que los usuarios que inician una acción tienen más probabilidades de completarla.
Cuando alguien hace clic en un enlace o botón para activar su ventana emergente, ya ha mostrado interés. Cuando aparezca el formulario emergente, será más probable que lo utilicen.
Por ejemplo, puede utilizar una ventana emergente al hacer clic para ofrecer un imán de clientes potenciales. Podría ser un recurso descargable gratuito, como un libro electrónico o un archivo PDF, que los usuarios pueden obtener a cambio de su dirección de correo electrónico.
Sin embargo, existen otras formas de utilizar ventanas emergentes de clic en su sitio web. Por ejemplo, puede pedir a los usuarios que soliciten un código de cupón, obtengan más información sobre un producto, completen encuestas y más.
Dicho esto, echemos un vistazo a cómo crear fácilmente una ventana emergente de caja de luz al hacer clic para su sitio web.
Crear una ventana emergente de clic en WordPress
La forma más sencilla de crear una ventana emergente al hacer clic es utilizar OptinMonster. Es el complemento emergente de WordPress y el software de generación de leads.
Para obtener más información, consulte nuestra revisión completa de OptinMonster.
Primero, deberá registrarse para obtener una cuenta OptinMonster. Necesitará la cuenta Pro (o superior) porque incluye la función MonsterLinks™ que le permite crear ventanas emergentes con un solo clic.
Simplemente visite el sitio web de OptinMonster y haga clic en el botón Obtener OptinMonster ahora para comenzar.
A continuación, debe instalar y activar el archivo. Complemento OptinMonster en su sitio de WordPress. Para obtener ayuda, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Esto le permite conectar su cuenta OptinMonster a su sitio de WordPress.
Una vez que el complemento esté activado, deberá conectar su cuenta. Debería ser dirigido automáticamente a la página de bienvenida en su panel de WordPress.
Continúe y haga clic en el botón Conectar su cuenta existente.
Después de eso, se abrirá una nueva ventana.
Puede hacer clic en el botón Conectarse a WordPress para agregar su sitio a OptinMonster.
Una vez que haya conectado su cuenta de OptinMonster a su sitio de WordPress, puede crear su ventana emergente al hacer clic.
solo ve a OptinMonster »Campañas desde su panel de WordPress y haga clic en el botón Crear su primera campaña.
A continuación, OptinMonster le pedirá que seleccione plantillas o manuales.
Puede elegir la opción Plantillas y seleccionar una plantilla de campaña predefinida para personalizar. Por otro lado, la opción “Playbook” te permite elegir campañas listas para usar inspiradas en marcas líderes.
Para este tutorial usaremos la opción Plantillas.
A continuación, deberá seleccionar un tipo de campaña y una plantilla.
El tipo de campaña ya debería estar configurado en Ventana emergente. De lo contrario, simplemente haga clic en Ventana emergente para seleccionarla. A continuación, deberá elegir una plantilla de campaña.
Podrás editar la plantilla exactamente como aparecerá más adelante. Usaremos la plantilla Base para este tutorial.
Simplemente coloque el cursor sobre la plantilla y haga clic en el botón Usar plantilla.
Ahora se le pedirá que ingrese un nombre para su campaña. Esto es sólo para ti. No te preocupes, los usuarios no lo verán.
Simplemente ingrese un nombre y haga clic en Comenzar a construir para crear su ventana emergente.
OptinMonster cargará automáticamente la plantilla en el creador de campañas de arrastrar y soltar.
Puede editar el texto predeterminado y agregar o eliminar elementos de su plantilla. Simplemente arrastre los bloques desde el menú de la izquierda y suéltelos en el modelo.
También puede eliminar cualquier elemento del formulario haciendo clic en él y usando las opciones del menú de la izquierda. Por ejemplo, eliminaremos el campo Nombre del formulario.
Primero, deberá hacer clic en la pestaña Opción en la parte inferior de la pantalla. A continuación, haga clic en el campo para seleccionarlo y verá las opciones disponibles en la columna de la izquierda, incluida la opción para eliminarlo.
Después de diseñar la ventana emergente, el siguiente paso es diseñar la vista Éxito, que la gente ve después de completar el formulario.
Simplemente cambie a la vista Éxito en la parte superior de la pantalla.
Puede cambiar la vista de éxito tal como cambió la vista de activación. Por ejemplo, es posible que desees cambiar el texto o incluir un enlace para descargar un archivo. imán guía.
Vincular la ventana emergente a su lista de correo electrónico
Una vez que esté satisfecho con la ventana emergente, haga clic en Integraciones pestaña en la parte superior de la pantalla. Deberá conectar OptinMonster a su servicio de marketing por correo electrónico para poder agregar personas a su lista de correo electrónico.
Desde aquí, haga clic en el botón + Agregar nueva integración en el lado izquierdo de la pantalla.
A continuación, puede seleccionar su proveedor de correo electrónico de la lista desplegable.
Desde aquí, simplemente siga las instrucciones para conectarlo a OptinMonster.
Configuración de la visualización emergente al hacer clic
Ahora necesita configurar su ventana emergente para que aparezca cuando el usuario haga clic en un enlace.
Continúe y haga clic Reglas de visualización pestaña en la parte superior de la pantalla.
La regla de visualización predeterminada establecida por OptinMonster es tiempo en la página. Esto significa que la ventana emergente predeterminada aparecerá después de que el usuario haya mirado esa página durante un cierto período de tiempo.
Sin embargo, puedes hacer clic en el menú desplegable y seleccionar la opción MonsterLink™ (al hacer clic).
A continuación, deberías ver tu MonsterLink™ en las reglas de visualización.
Puede hacer clic en el enlace para copiar su código MonsterLink™. Lo necesitarás en un momento.
Active su ventana emergente al hacer clic
A continuación, puede ir a la pestaña Publicado en la parte superior de la página y cambiar el estado de su campaña de Borrador a Publicado.
Una vez que haya hecho eso, haga clic en el botón Guardar en la parte superior de la pantalla y cierre el creador de campañas.
A continuación, verá la Configuración de salida de WordPress para su campaña. Puede hacer clic en el menú desplegable Estado y cambiarlo de Pendiente a Publicado. Cuando haya terminado, haga clic en el botón Guardar cambios.
Agregar su MonsterLink a su sitio web de WordPress
Ahora necesita agregar el MonsterLink™ especial a su sitio. Si no lo copiaste antes, puedes recuperarlo volviendo a la configuración Reglas de visualización de tu campaña.
Primero, deberá crear una nueva publicación o página o editar aquella en la que desea agregar su enlace.
MonsterLink™ es un código HTML, por lo que deberá pegarlo en un bloque HTML personalizado.
Cuando esté en el editor de contenido de WordPress, haga clic en el botón (+) para agregar un bloque HTML personalizado.
Ahora copia tu MonsterLink™ en ese bloque. Debería verse así:
Subscribe Now!
Puedes cambiar las palabras ¡Regístrate ahora! a cualquier texto que desee utilizar para su enlace.
Una vez que haya insertado el enlace, puede obtener una vista previa de su página o publicación para asegurarse de que funcione.
Aquí está nuestro enlace en acción. Tenga en cuenta que hemos aplicado algunos estilos al texto para crear un cuadro de texto más grande para ayudar a promocionar el imán principal:
Consejo: No está limitado a enlaces de texto utilizando MonsterLinks™. También puede utilizar MonsterLink con botones de llamada a la acción, imágenes, pancartas o menús de navegación en su sitio web.
Esperamos que este tutorial le haya ayudado a aprender cómo activar un formulario emergente de WordPress al hacer clic. Es posible que también desee ver nuestro tutorial sobre cómo acelerar su sitio de WordPress y nuestra guía definitiva de SEO de WordPress.
