Post Top Ad

Your Ad Spot

sábado, 25 de julio de 2020

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

¿Desea crear una ventana emergente que aparece cuando sus visitantes hacen 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 es utilizada por sitios populares para ofrecer un incentivo opcional.
En este artículo, vamos a mostrar 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.
Agregar un formulario emergente al hacer clic en su sitio web

¿Qué es un formulario emergente "al hacer clic"?

Los formularios emergentes al hacer clic son ventanas emergentes 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 por 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 WPBeginner que utilizamos para hacer crecer nuestra lista de correo electrónico: primero en el icono de correo electrónico de la barra lateral que está al lado de todos los iconos 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 un complemento emergente para WordPress . Vamos a usar OptinMonster para este tutorial.

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

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 comienzan 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 han mostrado interés. Cuando aparezca la ventana emergente del formulario, será más probable que la usen.
En este tutorial, utilizaremos una ventana emergente al hacer clic para ofrecer un imán principal .
Sin embargo, hay otras formas de usar ventanas emergentes al hacer clic en su sitio web. Por ejemplo, puede solicitar 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 hacer fácilmente una ventana emergente de lightbox al hacer 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 al hacer 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 llevado a la página de bienvenida automáticamente. Si no, 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

Crear su primer popup 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 en emergente. Si no, simplemente haga clic en Popup para seleccionarlo.
Deje 'Popup' seleccionado para su tipo de campaña
A continuación, elija una plantilla de campaña. Podrá modificar exactamente cómo se ve esto más adelante. Vamos a usar la plantilla básica para este tutorial.
Selección de 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 quiera editar.
Edición del 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 de campo en la columna 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 de é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 de "éxito" que los visitantes verán después de ingresar su dirección de correo electrónico
Puede editar la vista de éxito al igual que editó la vista opcional. Por ejemplo, es posible que desee permitir que el usuario descargue el imán principal de inmediato. Puedes incluir un enlace aquí.
Para agregar un enlace a una imagen, haga clic en la imagen y luego desplácese hacia abajo para '¿Agregar un enlace a la imagen?' en el lado izquierdo.
Puede alternar para habilitar el enlace de imagen e ingresar el enlace a su imán principal en el cuadro 'URL'.
Agregar un enlace a la imagen emergente en OptinMonster

Conectar 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
Luego, 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 atasca, OptinMonster tiene una lista de guías detalladas de integración de correo electrónico .

Configurar su 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 predeterminada es 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 ™. Necesitarás esto en un momento.

Hacer que su ventana emergente al hacer clic en vivo

Ahora, vaya a la pestaña Publicar y establezca el estado de su campaña en Live. También puede consultar o cambiar el sitio web al que está conectada su campaña.
Cambiar el estado de la campaña de su 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á poner su campaña en vivo en su propio 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, que se muestra como Live. 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 copió esto antes, puede obtenerlo volviendo a la configuración de Reglas de visualización para su campaña en el sitio web MonsterInsights.
Cree una nueva publicación o página , o edite la que desea agregar a su enlace.
MonsterLink es un 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 está 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 más o menos así:
MonsterLink en un bloque HTML
Puedes cambiar las palabras '¡Haz clic en mí!' a cualquier texto que desee usar para su enlace. Vamos a usar '¡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 funciona.
Aquí está nuestro enlace en acción. Tenga en cuenta que hemos aplicado algunos estilos 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 con MonsterLinks. También puede usar MonsterLink con botones de llamada a la acción , 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 con un clic. También es posible que desee ver nuestro tutorial sobre cómo acelerar su sitio de WordPress , y nuestra última guía de SEO de WordPress .
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas