¿Quiere crear una ventana emergente que aparezca cuando sus 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 y, a menudo, los sitios populares la utilizan para ofrecer un incentivo de suscripción.
En este artículo, le mostraremos cómo abrir una ventana emergente de WordPress haciendo clic en un enlace o 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 te 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 un usuario llega o está a punto de irse. Al hacer clic, los formularios emergentes se activan mediante la interacción del usuario.
Tenemos dos ventanas emergentes de clic en el sitio web de TrucosWP que usamos para expandir nuestra lista de correo electrónico: la primera en el ícono de correo electrónico de la barra lateral que está al lado de todos los íconos sociales y la segunda 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 un plugin de ventana emergente para WordPress. Usaremos OptinMonster para este tutorial.
¿Por qué son tan efectivos los formularios de clic emergentes?
El módulo de clic emergente 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 completarla.
Cuando alguien hace clic en un enlace o botón para activar la ventana emergente, ya ha mostrado interés. Cuando aparece el formulario emergente, es más probable que lo utilicen.
En este tutorial, usaremos una ventana emergente al hacer clic para ofrecer un imán de conducción.
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 soliciten 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 haciendo clic.
A continuación, debe instalar y activar el archivo. Plugin OptinMonster en su sitio web de WordPress. Esto le permite vincular su cuenta de OptinMonster a su sitio de WordPress.
Para obtener ayuda, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Una vez que el plugin esté activado, deberá vincular su cuenta. Debería ser llevado automáticamente a la página de bienvenida. De lo contrario, haga clic en el enlace OptinMonster en su panel de WordPress.
Haga clic en «Vincular su cuenta» y siga las instrucciones en pantalla.
Creación de la primera ventana emergente al hacer clic
Después de conectar 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:
Será dirigido directamente al sitio web de OptinMonster.
El tipo de campaña ya debería estar configurado como Ventana emergente. Si no es así, haga clic en Ventana emergente para seleccionarla.
Luego, elija una plantilla de campaña. Podrás editar exactamente cómo se ve más adelante. Usaremos el modelo básico para este tutorial.
Coloca el cursor sobre la plantilla y haz clic en el botón «Usar plantilla».
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.
OptinMonster cargará automáticamente la plantilla que ha elegido.
Puede cambiar el texto predeterminado y agregar o eliminar elementos de su plantilla. Simplemente haga clic en lo que desea cambiar.
Por ejemplo, eliminaremos 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.
Después de diseñar 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.
Puede cambiar la vista de éxito del mismo modo que cambió la vista de suscripción. Por ejemplo, puede permitir que el usuario descargue inmediatamente el imán guía. Puede incluir un enlace aquí.
Para agregar un vínculo a una imagen, haga clic en la imagen, luego desplácese hacia abajo hasta «¿Agregar un vínculo a la imagen?» En el lado izquierdo.
Puede habilitar o deshabilitar el enlace de la imagen e ingresar el enlace a su guía imán en el cuadro «URL».
Vinculando su ventana emergente a su lista de correo
Cuando esté satisfecho con su ventana emergente, haga clic en la pestaña Integraciones 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.
Haga clic en el botón «+ Agregar nueva integración» en el lado izquierdo de la pantalla.
Luego, 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 se queda atascado, OptinMonster tiene una lista de archivos guías detalladas para la integración del correo electrónico.
Configurar la visualización emergente al hacer clic
Ahora, debe configurar la 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 configuración predeterminada de la regla de visualización es el tiempo en la página. Haga clic en el menú desplegable y seleccione «El visitante hizo clic en MonsterLink ™» en su lugar.
Haga clic en el botón para copiar el código MonsterLink ™. Lo necesitará en un momento.
Haga su Popup On Click en vivo
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á vinculada su campaña.
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 propio sitio de WordPress.
Vaya a su panel de WordPress y haga clic en el enlace de OptinMonster. Haga clic en el botón Actualizar campañas.
Debería ver su campaña, mostrada como En vivo. Si desea desactivarlo en cualquier momento, haga clic en el enlace «Desactivar» debajo del nombre de su campaña.
Agregar su MonsterLink a su sitio web
Ahora necesita agregar el MonsterLink ™ especial a su sitio. Si no lo ha copiado anteriormente, puede obtenerlo volviendo a configurar las 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.
Ahora copia tu MonsterLink en ese bloque. Debería verse algo como esto:
Puede cambiar las palabras «¡Haga clic en mí!» al texto que desea utilizar para su enlace. Usaremos «Haga clic para obtener 10 sugerencias adicionales».
Una vez que haya colocado el enlace, puede obtener una vista previa de la página o la publicación para asegurarse de que esté funcionando.
Aquí está nuestro enlace en acción. Tenga en cuenta que hemos diseñado el texto para crear un cuadro de texto más grande para ayudar a promover el imán de clientes potenciales:
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 SEO para WordPress.
¿Te ha resultado útil??
0 / 0