Cómo abrir un formulario emergente de WordPress al hacer clic en un enlace o imagen

¿Quiere crear una ventana emergente que aparezca cuando sus visitantes hagan clic en un enlace o una imagen en su sitio?

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

En este artículo, le mostraremos cómo abrir una ventana emergente de WordPress al hacer clic en un enlace o una imagen, paso a paso.

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

¿Qué es un formulario emergente “al hacer clic”?

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

Normalmente, las ventanas emergentes aparecen en los sitios web cuando llega un usuario o cuando está a punto de irse. Al hacer clic, los formularios emergentes se activan mediante la interacción del usuario.

Ejemplo de un formulario emergente al hacer clic

Tenemos dos ventanas emergentes al hacer clic en el sitio web de que usamos para hacer crecer nuestra lista de correo electrónico: primero en el ícono de correo electrónico de la barra lateral que está al lado de todos los íconos sociales, y el segundo debajo de cada publicación para descargar nuestro kit de herramientas.

La forma más fácil de crear una ventana emergente al hacer clic es usar una ventana emergente plugin para WordPress. Vamos a usar OptinMonster para este tutorial.

¿Por qué los formularios emergentes con un clic son tan efectivos?

El formulario emergente al hacer clic es efectivo 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 terminarla.

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

En este tutorial, usaremos una ventana emergente al hacer clic para ofrecer un lead magnet.

Sin embargo, hay otras formas de utilizar las ventanas emergentes al hacer clic en su sitio web. Por ejemplo, puede pedir a los usuarios que reclamen un código de cupón, obtener más información sobre un producto, completar 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.

Instalación y activación de OptinMonster

Primero, deberá registrarse para obtener un OptinMonster cuenta. Necesitará la cuenta Pro (o superior). Esto le brinda la función MonsterLinks ™ que le permite crear ventanas emergentes al hacer clic.

A continuación, debe instalar y activar el OptinMonster plugin en su sitio web de WordPress. Esto le permite conectar su cuenta de OptinMonster a su sitio de WordPress.

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

Una vez que haya activado el plugin, deberá conectar su cuenta. Debería ser llevado automáticamente a la página de bienvenida. Si no es así, simplemente haga clic en el enlace OptinMonster en su panel de WordPress.

Haga clic en ‘Conectar su cuenta’ y siga las instrucciones en pantalla.

Conecte su cuenta de OptinMonster a su sitio de WordPress

Creación de su primera ventana emergente al hacer clic

Una vez que haya conectado su cuenta de OptinMonster a su sitio de WordPress, puede comenzar a crear su ventana emergente al hacer clic. Haga clic en el botón “Crear nueva campaña” en la parte superior de la pantalla:

Crea una nueva campaña en OptinMonster

Serás llevado directamente al sitio web de OptinMonster.

El Tipo de campaña ya debería estar configurado como Ventana emergente. Si no es así, simplemente haga clic en Popup para seleccionarlo.

Deje 'Ventana emergente' seleccionada para su tipo de campaña

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

Seleccionar la plantilla básica para su ventana emergente al hacer clic

Pase el cursor sobre la plantilla y haga clic en el botón “Usar plantilla”.

Haga clic para usar la plantilla básica para su ventana emergente al hacer clic

Ahora, se le pedirá que ingrese un nombre para su campaña. Si está utilizando OptinMonster en más de un sitio, asegúrese de seleccionar el correcto. Ingrese un nuevo sitio web si es necesario. Luego, haga clic en ‘Comenzar a construir’ para crear su ventana emergente.

Dé un nombre a su campaña y haga clic para comenzar a construir

OptinMonster cargará automáticamente la plantilla que elija.

Puede editar el texto predeterminado y agregar o eliminar elementos de su plantilla. Simplemente haga clic en lo que desee editar.

Editando el título de su ventana emergente en OptinMonster

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 de la izquierda, incluida la opción para eliminarlo.

Eliminar el campo Nombre de la ventana emergente

Una vez que haya diseñado la ventana emergente, el siguiente paso es diseñar la vista Éxito, que es lo que la gente ve después de completar el formulario. Simplemente cambie a la vista “Éxito” en la parte superior de la pantalla.

La vista 'Éxito' que los visitantes verán después de ingresar su dirección de correo electrónico

Puede editar la vista de éxito del mismo modo que editó la vista de suscripción. Por ejemplo, es posible que desee permitir que el usuario descargue el imán de clientes potenciales de inmediato. Puede incluir un enlace aquí.

Para agregar un enlace a una imagen, haga clic en la imagen y luego desplácese hacia abajo hasta “¿Añadir un enlace a la imagen?” en el lado izquierdo.

Puede alternar para habilitar el enlace de la imagen e ingresar el enlace a su imán principal en el cuadro ‘URL’.

Agregar un enlace a la imagen emergente en OptinMonster

Conexión de su ventana emergente a su lista de correo electrónico

Una vez que esté satisfecho con su ventana emergente, haga clic en la pestaña Integraciones en la parte superior de la pantalla. Deberá vincular OptinMonster a su servicio de marketing por correo electrónico para poder agregar personas a su lista de correo electrónico.

Haga clic en el botón ‘+ Agregar nueva integración’ en el lado izquierdo de la pantalla.

Agregar una nueva integración de correo electrónico en OptinMonster

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

Seleccione su proveedor de servicios de correo electrónico de la lista desplegable

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

Configuración de la ventana emergente para que aparezca al hacer clic

Ahora, debe configurar su ventana emergente para que aparezca cuando el usuario hace clic en un enlace. Haga clic en la pestaña ‘Reglas de visualización’ en la parte superior de la pantalla.

Las reglas de visualización predeterminadas en OptinMonster

La regla de visualización tiene como valor predeterminado el tiempo en la página. Haga clic en el menú desplegable y seleccione ‘visitante hizo clic en MonsterLink ™’ en su lugar.

Cambiar las reglas de visualización para que su ventana emergente use la función MonsterLink

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

Haciendo que su On Click Popup Live

Ahora, vaya a la pestaña Publicar y establezca el estado de su campaña en En vivo. También puede verificar o cambiar el sitio web al que está conectada su campaña.

Cambiar el estado de la campaña de la ventana emergente al hacer clic en vivo

Una vez que haya hecho eso, haga clic en el botón Guardar en la parte superior de la pantalla.

A continuación, deberá publicar su campaña en su sitio de WordPress.

Vaya a su panel de WordPress y haga clic en el enlace OptinMonster. Haga clic en el botón Actualizar campañas.

Actualice la lista de campañas en su panel de OptinMonster

Debería ver su campaña, mostrándose como en vivo. Si desea deshabilitarlo en cualquier momento, simplemente haga clic en el enlace ‘Deshabilitar’ debajo del nombre de su campaña.

La lista de campañas de OptinMonster en el panel de WordPress

Agregar su MonsterLink a su sitio web

Ahora, debe agregar el MonsterLink ™ especial a su sitio. Si no lo copió anteriormente, puede obtenerlo volviendo a la configuración de Reglas de visualización para su campaña en el sitio web de MonsterInsights.

Cree una nueva publicación o página, o edite la que desea agregar su enlace.

MonsterLink es código HTML, por lo que debe pegarlo en un bloque HTML personalizado.

Haga clic en el botón (+) para agregar un nuevo bloque. El bloque HTML personalizado se encuentra en la sección Formato, o puede buscarlo usando la barra de búsqueda. Haga clic en él para crear el bloque.

Agregar un bloque HTML personalizado en WordPress

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

El MonsterLink en un bloque HTML

Puede cambiar las palabras “¡Haga clic en mí!” al texto que desee utilizar para su enlace. Vamos a utilizar “Haga clic para obtener los 10 consejos BONUS!”

El MonsterLink con texto personalizado

Una vez que haya colocado el enlace, puede obtener una vista previa de su página o publicación para asegurarse de que esté funcionando.

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

El formulario emergente al hacer clic en acción

Consejo: No está limitado a solo enlaces de texto usando MonsterLinks. También puede utilizar MonsterLink con botones de llamada a la acción, imágenes, banners 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 WordPress SEO.

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube . También puedes encontrarnos en Twitter y Facebook.

.

Fuente: wpbeginner

Entradas relacionadas

Deja una respuesta

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