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

¿Desea crear una ventana emergente que aparezca cuando sus visitantes hacen clic en un enlace o una imagen en su sitio? Esta es una forma comprobada de desarrollar su lista de correos electrónicos y a menudo los sitios populares utilizan a menudo para proporcionar un incentivo de opción. En este artículo, mostraremos cómo abrir una ventana emergente de WordPress con un clic en un enlace o imagen, paso a paso. No es casi tan complicado como se podría pensar en un formulario emergente de WordPress al hacer clic. En este artículo, te mostraremos cómo.

¿Qué es un formulario emergente de “clic”? Los formularios emergentes en el clic son Windows de Lightbox 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 sitios web cuando llega un usuario o cuando está a punto de irse. Los formularios emergentes al hacer clic son activados por la interacción del usuario.

Tenemos dos ventanas emergentes en el sitio web de WPBeginner que utilizamos para desarrollar nuestra lista de correos electrónicos: el primero en el icono de parachoques de correo electrónico, que está al lado de todos los íconos sociales y el segundo en cada publicación. Para descargar nuestro kit de herramientas. La forma más fácil de crear una ventana emergente de clics es usar una ventana emergente para WordPress. Usaremos OptinMonster para este tutorial.
¿Por qué las formas emergentes son tan efectivas? El formulario emergente en clic es efectivo porque utiliza el poderoso efecto Zigarnik. Este es un principio psicológico según el cual los usuarios que comienzan una acción tienen más probabilidades de terminarlo. Cuando alguien hace clic en un enlace o un botón para activar su ventana emergente, ya ha estado interesado. Cuando aparecerá la ventana de tipo de formulario, es más probable que la use. En este tutorial, utilizaremos una ventana emergente en clic para proporcionar un imán de plomo. Sin embargo, hay otras formas de usar ventanas emergentes. Haga clic en su sitio, por ejemplo, puede pedir a los usuarios que soliciten un código de cupón, obtengan más información sobre un producto, complete encuestas y más. Esto se dice, para echar un vistazo. en cómo crear fácilmente una ventana de caja de luz para su sitio web. Instalación y activación de OptInmonster primero, deberá registrarse para obtener una cuenta OptinMonster. Necesitará la cuenta Pro (o más grande). Esto le brinda la función Monsterinks ™ que le permite crear ventanas emergentes con clic. Luego debe instalar y activar el complemento OptInmonster en su sitio web de WordPress. Esto le permite conectar su cuenta OptinMonster a su sitio de WordPress. Para obtener ayuda, consulte nuestra guía de paso por paso sobre cómo instalar un complemento de WordPress.
Después de haber activado el complemento, deberá conectar su cuenta. Debe ser conducido automáticamente a la página de bienvenida. Si no, haga clic en el enlace OptInmonster en el tablero de WordPress. Haga clic en “Conecte su cuenta” y siga las instrucciones en la pantalla.
Creando su ventana emergente primero en el clic después de haber conectado su cuenta OptinMonster a su sitio de WordPress, puede comenzar a crear su ventana emergente al hacer clic. Haga clic en el botón “Crear una nueva campaña” en la parte superior de la pantalla: se le dirigirá directamente en el sitio web de OptInmonster. El tipo de campaña ya debe estar configurado en emergentes. Si no, haga clic en la ventana emergente para seleccionarla.

Luego elija una plantilla de campaña. Podrá cambiar exactamente cómo se ve esto más tarde. Usaremos la plantilla básica para este tutorial.

Ejecute 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 si usa OptinMonster en varios sitios, asegúrese de haber seleccionado el correcto. Ingrese un nuevo sitio web si es necesario. Luego haga clic en “Iniciar el edificio” para crear una ventana emergente.

OptInmonster cargará automáticamente la plantilla que ha elegido. Puede editar el texto predeterminado y puede agregar o eliminar elementos de su plantilla, simplemente haga clic en lo que desee editar.

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

Después de diseñar la ventana emergente, el siguiente paso es diseñar la vista exitosa, que es lo que la gente ve después de completar el formulario. Simplemente pase a la visualización del “éxito” en la parte superior de la pantalla.

Puede editar la vista exitosa justo cuando editó la vista Optin. Por ejemplo, le recomendamos que permita al usuario descargar el imán de plomo de inmediato. Puede incluir un enlace aquí. Para agregar un enlace a una imagen, haga clic en la imagen y luego desplácese hacia arriba para “agregar un enlace a la imagen?” En el lado izquierdo. Puede cambiar para activar el enlace de la imagen e ingresar el enlace a su imán principal en el cuadro “URL”.

Conectando la ventana emergente a su lista de correo electrónico Después de estar satisfecho con la ventana emergente, haga clic en la pestaña Integración en la parte superior de la pantalla. Deberá conectar OptinMonster a su servicio de marketing por correo electrónico para que pueda agregar personas a su lista de correo electrónico. Haga clic en el botón “+ Agregar una nueva integración” en el lado izquierdo de la pantalla.


Luego seleccione el 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 se atasca, OptinMonster tiene una lista de guías detalladas de integración de correo electrónico. Configuración de la ventana emergente para que aparezca en el clic ahora, debe configurar su ventana emergente para que aparezca cuando el usuario haga clic en un enlace. Haga clic en la pestaña “Reglas de visualización” en la parte superior de la pantalla.

La regla de visualización es predeterminada en el momento de la página. Haga clic en el menú Drop -down y seleccione “Visitante haciendo clic en Monsterink ™”.

Haga clic en el botón para copiar su código Monsterink ™. Lo necesitarás en un momento. Haciendo la ventana emergente en Click Live Now, vaya a la pestaña Publicar y establezca el estado de la campaña para vivir. También puede verificar o modificar el sitio web al que está conectado la campaña. Después de hacerlo, haga clic en el botón Guardar en la parte superior de la pantalla. Luego deberá poner la campaña en vivo en su sitio web de WordPress. Vaya al tablero de WordPress y haga clic en el enlace OptInmonster. Haga clic en el botón Actualizar las campañas.

Debería ver su campaña mostrada como en vivo. Si desea apagarlo en cualquier momento, simplemente haga clic en el enlace “Desactivar” con el nombre de su campaña.

Agregando su Monsterlink a su sitio web ahora debe agregar Monsterink ™ a su sitio. Si no ha copiado esto antes, puede volver a configurar sus reglas de visualización para su campaña por su campaña en el sitio web de MonsterInsights. Cree una nueva publicación o página o cambie la que desea agregar el enlace. Monsterink es código HTML, por lo que debe pegarlo a un bloque HTML personalizado. Haga clic en el botón (+) para agregar un nuevo bloque. El bloque HTML personalizado está en la sección de formato o puede buscarlo usando la barra de búsqueda. Haga clic para crear el bloque.

Ahora, copie Monsterlink a ese bloque. Debería verse así:

Puedes cambiar las palabras “¡Haz clic en mí!” A cualquier texto que desee usar para su enlace. Usaremos “¡Haga clic para obtener la bonificación 10!”

Una vez que haya colocado el enlace, puede obtener una vista previa de la página o publicar para asegurarse de que funcione.Aquí está nuestra conexión 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 promover el imán principal: Consejo: no se limite a los enlaces de texto usando Monsterinks.También puede usar MonsterLink con botones de urgencia, imágenes, pancartas o menús de navegación en su sitio web.Esperamos que este tutorial lo haya ayudado a aprender cómo activar un formulario emergente de WordPress al hacer clic.Es posible que desee ver nuestro tutorial sobre cómo acelerar su sitio web de WordPress y nuestra óptima guía de SEO WordPress.Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress.También puede encontrarnos en Twitter y Facebook.