Cómo abrir un formulario emergente de WordPress con un clic en el enlace o la imagen

¿Quieres crear un popup que aparezca cuando tus visitantes hagan clic en un enlace o una imagen de tu sitio?

Esta es una forma comprobada de hacer crecer su lista de correo electrónico, y es a menudo utilizada por los sitios populares para ofrecer un incentivo de optin.

En este artículo, vamos a mostrar cómo abrir un popup de WordPress al hacer clic en un enlace o una imagen, paso a paso.

No es tan complicado como se podría pensar para activar un formulario emergente de WordPress al hacer clic. En este artículo, te mostraremos cómo.

¿Qué es un formulario emergente "On Click"?

Los formularios popup con un clic son ventanas emergentes que se abren cuando un usuario hace clic en un enlace, botón o imagen de su sitio web.

Normalmente, los popups aparecen en los sitios web cuando un usuario llega o cuando está a punto de irse. Los formularios popup con un clic se activan por la interacción del usuario.

Tenemos dos ventanas emergentes en el sitio web de WPBeginner que usamos para aumentar nuestra lista de correo electrónico: la primera en el icono de la barra lateral de correo electrónico que está junto a todos los iconos sociales, y la segunda debajo de cada entrada para descargar nuestro kit de herramientas.

La forma más fácil de crear un popup con un clic es usar un plugin de popup para WordPress. Vamos a usar OptinMonster para este tutorial.

¿Por qué son tan eficaces los formularios popup con clic?

El formulario emergente "On click" es efectivo porque utiliza el poderoso efecto Zeigarnik. Es un principio psicológico que establece que los usuarios que empiezan una acción tienen más probabilidades de terminarla.

Cuando alguien hace clic en un enlace o botón para activar tu ventana emergente, ya ha mostrado interés. Cuando aparezca el formulario emergente, es más probable que lo utilicen.

En este tutorial, usaremos un popup de "on click" para ofrecer un imán de plomo.

Sin embargo, hay otras maneras de usar los popups de su sitio web. Por ejemplo, puede pedir a los usuarios que reclamen un código de cupón, que obtengan más información sobre un producto, que rellenen encuestas y más.

Dicho esto, vamos a ver cómo hacer fácilmente un popup de la caja de luz con un clic para su sitio web.

Instalación y activación de OptinMonster

Primero, tendrás que registrarte en una cuenta de OptinMonster. Necesitarás la cuenta Pro (o superior). Esto te da la característica MonsterLinks™ que te permite crear en los popups de clic.

A continuación, debes instalar y activar el plugin OptinMonster en tu sitio web de WordPress. Esto te permite conectar tu cuenta de OptinMonster a tu sitio de WordPress.

Para obtener ayuda, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez que hayas activado el plugin, tendrás que conectar tu cuenta. Debería ir a la página de bienvenida automáticamente. Si no, sólo tienes que hacer clic en el enlace OptinMonster en tu panel de control de WordPress.

Haz clic en "Conecta tu cuenta" y sigue las instrucciones de la pantalla.

Creando tu primer Popup On Click

Una vez que hayas conectado tu cuenta de OptinMonster a tu sitio de WordPress, puedes empezar a crear tu popup de "on click". Haz clic en el botón "Crear una nueva campaña" en la parte superior de la pantalla:

Te llevarán directamente a la página web de OptinMonster.

El tipo de campaña ya debería estar configurado en Popup. Si no es así, simplemente haz clic en el Popup para seleccionarlo.

A continuación, elija una plantilla de campaña. Podrás modificar exactamente cómo se ve esto más tarde. Vamos a usar la plantilla básica para este tutorial.

Pasa el cursor por encima de la plantilla y haz clic en el botón "Usar plantilla".

Ahora, se le pedirá que introduzca un nombre para su campaña. Si está usando OptinMonster en más de un sitio, asegúrese de seleccionar el correcto. Introduzca un nuevo sitio web si es necesario. A continuación, haz clic en "Empezar a construir" para crear tu ventana emergente.

OptinMonster cargará automáticamente la plantilla que hayas elegido.

Puedes editar el texto predeterminado y añadir o eliminar elementos de tu plantilla. Sólo tienes que hacer clic en lo que quieras editar.

Por ejemplo, vamos a eliminar el campo Nombre del formulario. Simplemente haga clic en el campo para seleccionarlo y verá las opciones del campo en la columna izquierda, incluyendo la opción de eliminarlo.

Una vez diseñado el popup, el siguiente paso es diseñar la vista de éxito que es lo que la gente ve después de rellenar el formulario. Simplemente cambia a la vista "Éxito" en la parte superior de la pantalla.

Puedes editar la vista de éxito igual que has editado la vista de opciones. Por ejemplo, puedes dejar que el usuario descargue el imán de plomo directamente. Puedes incluir un enlace a él aquí.

Para añadir un enlace a una imagen, haz clic en la imagen y luego desplázate hacia abajo hasta "Añadir un enlace a la imagen" en el lado izquierdo.

Puedes activar el enlace de la imagen e introducir el enlace a tu imán de plomo en la casilla "URL".

Conectando tu Popup a tu lista de correo electrónico

Una vez que estés contento con tu popup, haz clic en la pestaña de Integraciones en la parte superior de la pantalla. Necesitará enlazar OptinMonster a su servicio de marketing por correo electrónico para poder añadir gente a su lista de correo electrónico.

Haz clic en el botón "+ Añadir nueva integración" en la parte izquierda de la pantalla.

A continuación, seleccione su proveedor de correo electrónico de la lista desplegable y siga las instrucciones para conectarlo a OptinMonster.

Nota: Las instrucciones de integración son diferentes para cada servicio de marketing por correo electrónico. Si te quedas atascado, OptinMonster tiene una lista de guías detalladas de integración de correo electrónico.

Configurar el popup para que aparezca al hacer clic

Ahora, necesitas configurar tu popup para que aparezca cuando el usuario haga clic en un enlace. Haz clic en la pestaña "Reglas de visualización" en la parte superior de la pantalla.

La regla de visualización se ajusta por defecto al tiempo en la página. Haz clic en el menú desplegable y selecciona "el visitante hizo clic en MonsterLink™" en su lugar.

Haga clic en el botón para copiar su código MonsterLink™. Lo necesitarás en un momento.

Haciendo tu Popup On Click en vivo

Ahora, ve a la pestaña Publicar y establece el estado de tu campaña en Vivo. También puedes comprobar o cambiar el sitio web al que está conectada tu campaña.

Una vez que lo hayas hecho, haz clic en el botón Guardar en la parte superior de la pantalla.

A continuación, tendrás que poner tu campaña en vivo en tu propio sitio de WordPress.

Ve a tu tablero de WordPress y haz clic en el enlace OptinMonster. Haz clic en el botón Actualizar campañas.

Deberías ver tu campaña, mostrándola en vivo. Si quieres desactivarla en cualquier momento, sólo tienes que hacer clic en el enlace "Desactivar" debajo del nombre de tu campaña.

Añadiendo tu MonsterLink a tu página web

Ahora, necesitas añadir el especial MonsterLink™ a tu sitio. Si no lo has copiado antes, puedes conseguirlo volviendo a la configuración de las reglas de visualización de tu campaña en el sitio web de MonsterInsights.

Crea una nueva entrada o página, o edita la que quieras añadir tu enlace.

El MonsterLink es código HTML, así que tienes que pegarlo en un bloque HTML personalizado.

Haz clic en el botón (+) para añadir un nuevo bloque. El bloque de HTML personalizado se encuentra en la sección Formato, o puedes buscarlo utilizando la barra de búsqueda. Haz clic en él para crear el bloque.

Ahora, copie su MonsterLink en ese bloque. Debería verse algo como esto:

Puedes cambiar las palabras "¡Hazme clic!" por el texto que quieras usar para tu enlace. Vamos a usar "Haz clic para obtener el BONO 10 consejos!

Una vez que hayas colocado el enlace, puedes ver una vista previa de tu página o publicar para asegurarte de que funciona.

Aquí está nuestro enlace en acción. Note que hemos aplicado un poco de estilo al texto para crear un cuadro con un texto más grande para ayudar a promover el imán de plomo:

Consejo: No estás limitado a sólo enlaces de texto usando MonsterLinks. También puedes usar el MonsterLink con botones de llamada a la acción, imágenes, banners o menús de navegación en tu sitio web.

Esperamos que este tutorial te haya ayudado a aprender a activar un formulario emergente de WordPress al hacer clic. También puedes ver nuestro tutorial sobre cómo acelerar tu sitio de WordPress, y nuestra guía definitiva de SEO para WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver los video tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir