¿Quiere crear una ventana emergente que aparezca cuando sus visitantes hagan clic en un enlace o imagen en su sitio? Es una forma comprobada de hacer crecer su lista de correo 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 haciendo clic en un enlace o imagen, paso a paso. No es tan complicado como podría pensar activar un formulario emergente de WordPress con un solo clic. En este artículo, le mostraremos cómo.
¿Qué es un formulario emergente para hacer clic?
Contents
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.
Tenemos dos ventanas emergentes al hacer clic en el sitio web de MundoCMS que usamos para hacer crecer nuestra lista de correo: 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 mensaje para descargar nuestro kit de herramientas. La forma más fácil de crear una ventana emergente al hacer clic es utilizar un complemento de ventana emergente para WordPress. Usaremos OptinMonster para este tutorial.
¿Por qué los formularios emergentes de On Click son tan efectivos?
El formulario emergente al hacer clic es efectivo porque utiliza el poderoso efecto Zeigarnik. Este es un principio psicológico de 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 expresado interés. Cuando aparezca la ventana emergente del formulario, es más probable que la utilicen. En este tutorial, usaremos una ventana emergente de clic para sugerir un imán primario. Sin embargo, existen otras formas de utilizar ventanas emergentes de 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 con un solo clic para su sitio web.
Instalación y activación de OptinMonster
Primero, deberá registrarse para obtener una cuenta de OptinMonster. Necesitará la cuenta Pro (o superior). Esto le brinda la función MonsterLinks ™ que le permite crear ventanas emergentes de clic. A continuación, debe instalar y activar el complemento OptinMonster 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 complemento de WordPress. Una vez que haya activado el complemento, deberá conectar su cuenta. Debería ser redirigido automáticamente a la página de inicio. De lo contrario, simplemente haga clic en el enlace OptinMonster en su panel de WordPress. Haga clic en «Conectar su cuenta» y siga las instrucciones en pantalla.
Cree 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 una nueva campaña» en la parte superior de la pantalla:
Se le dirigirá directamente al sitio web de OptinMonster. El tipo de campaña ya debe estar configurado como Ventana emergente. De lo contrario, simplemente haga clic en Popup para seleccionarlo.
Luego, elija una plantilla de campaña. Puede cambiar exactamente cómo se ve esto más adelante. Usaremos la plantilla básica 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 varios sitios, asegúrese de seleccionar el correcto. Ingrese a un nuevo sitio web si es necesario. Luego haga clic en «Iniciar construcción» para crear su ventana emergente.
OptinMonster cargará automáticamente el modelo 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.
Una vez que haya diseñado la ventana emergente, el siguiente paso es diseñar la vista Éxito, que las personas ven 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 ha cambiado la vista de suscripción. Por ejemplo, puede permitir que el usuario descargue el imán principal inmediatamente. Puede incluir un enlace aquí. Para agregar un enlace a una imagen, haga clic en la imagen y luego desplácese hacia abajo hasta «¿Agregar un enlace a la imagen?» En el lado izquierdo. Puede activar o desactivar el enlace de la imagen e ingresar el enlace a su imán principal en el cuadro «URL».
Conectando su ventana emergente a su lista de correo
Una vez que esté satisfecho con su ventana emergente, haga clic en la pestaña Integraciones en la parte superior de la pantalla. Deberá asociar OptinMonster con 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 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.
Notar: Las instrucciones de incorporación son diferentes para cada servicio de marketing por correo electrónico. Si se queda atascado, OptinMonster ofrece una lista de guías detalladas de integración de correo electrónico.
Configure su ventana emergente para que aparezca al hacer 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 predeterminada es el tiempo de página. Haga clic en el menú desplegable y seleccione «Visitante hizo clic en MonsterLink ™» en su lugar.
Haga clic en el botón para copiar su código MonsterLink ™. Lo necesitará en un momento.
Haga su Popup On Click Live
Ahora vaya a la pestaña Publicar y configure 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.
Una vez que haya hecho eso, haga clic en el botón Guardar en la parte superior de la pantalla. A continuación, deberá poner su campaña en vivo 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.
Debería ver su campaña, mostrada en vivo. Si desea desactivarlo en cualquier momento, simplemente 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 la configuración de Reglas de visualización de 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 a este 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 consejos adicionales».
Una vez que haya colocado 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 diseñado el texto para crear un cuadro con texto más grande para ayudar a promover el imán principal:
Consejo: No está limitado a los enlaces de texto que utilizan 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 con un solo clic. También puede consultar 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 para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.
Originally posted 2021-02-25 13:16:18.
