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

How to Open a WordPress Popup Form on Click of Link or Image

¿Quiere crear una ventana emergente que aparezca cuando los 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. Es más efectivo porque comienza con una acción del usuario. Los sitios populares a menudo lo usan para proporcionar un incentivo opcional para obtener aún más suscriptores.

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

¿Qué es el formulario al hacer clic?

Los formularios de 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 de WordPress.

Por lo general, las ventanas emergentes aparecen en los sitios web cuando un usuario llega o está a punto de irse. Los formularios de destino son activados por la interacción del usuario.

También utilizamos ventanas emergentes de clics de AprenderWP para hacer crecer nuestra lista de correo electrónico. Por ejemplo, aparece una ventana emergente cuando un usuario hace clic en el ícono de correo electrónico en la barra lateral al lado de todos los íconos sociales.

Haga clic en la ventana emergente de vista previa

¿Por qué los formularios de destino son tan efectivos?

El formulario emergente al hacer clic es efectivo porque utiliza un poderoso efecto Zeigarnik. Este es un principio psicológico que establece que los usuarios que inician una acción por sí mismos tienen más probabilidades de completarla.

Si alguien hace clic en un enlace o botón para activar su ventana emergente, ya ha mostrado interés. Si aparece el formulario emergente, es más probable que lo usen.

Por ejemplo, puede usar una ventana emergente de clic para ofrecer un imán de prospectos. Puede ser un recurso descargable gratuito, como un libro electrónico o un PDF, que los usuarios pueden recibir a cambio de su dirección de correo electrónico.

Sin embargo, hay otras formas de utilizar las ventanas emergentes de 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.

Echemos un vistazo a cómo puede crear fácilmente una ventana emergente de caja de luz al hacer clic para su sitio web.

Crear una ventana emergente al hacer clic en WordPress

La forma más fácil de crear una ventana emergente al hacer clic es usar OptinMonster. Este es el complemento emergente de WordPress y el software de generación de prospectos.

Primero debe registrarse para obtener una cuenta de OptinMonster. Necesita una cuenta Pro (o superior) ya que incluye la función MonsterLinks™ que le permite crear ventanas emergentes de clic.

Simplemente visite el sitio web de OptinMonster y haga clic en el botón Descargar OptinMonster ahora para comenzar.

OptinMonster

Entonces necesitas instalarlo y activarlo. Complemento OptinMonster en su sitio web de WordPress. Para obtener ayuda, consulte nuestra guía paso a paso para instalar un complemento de WordPress.

Esto le permite conectar su cuenta de OptinMonster a su sitio de WordPress.

Después de activar el complemento, debe vincular su cuenta. Debería ser llevado automáticamente a la página de bienvenida en su panel de WordPress.

Continúe y haga clic en el botón "Vincular su cuenta existente".

Vincula tu cuenta existente

A continuación, se abrirá una nueva ventana.

Puede hacer clic en el botón "Conectar a WordPress" para agregar su sitio web a OptinMonster.

Conecte OptinMonster a WordPress

Después de conectar su cuenta de OptinMonster a su sitio de WordPress, puede crear su ventana emergente de clic.

solo ve a OptinMonster » Campañas desde su tablero de WordPress y haga clic en el botón Crear su primera campaña.

Crea tu primera campaña

Será llevado directamente al sitio web de OptinMonster.

El tipo de campaña ahora debe establecerse en Emergente. Si no, simplemente haga clic en Popup para seleccionarlo. A continuación, debe seleccionar una plantilla de campaña.

Seleccione un tipo de campaña y plantilla

Más tarde, puede cambiar la plantilla exactamente como se ve. Usaremos la plantilla básica para este tutorial.

Simplemente coloque el cursor sobre la plantilla y haga clic en el botón Usar plantilla.

Seleccione la plantilla principal

Ahora se le pedirá que ingrese un nombre para su campaña. Esto es sólo para ti. Los usuarios no lo verán.

Simplemente ingrese un nombre y haga clic en "Iniciar compilación" para crear su ventana emergente.

Introduce un nombre para tu campaña.

OptinMonster carga automáticamente la plantilla en el generador de campañas de arrastrar y soltar.

Puede editar el texto predeterminado y agregar o eliminar elementos de su plantilla. Simplemente arrastre bloques desde el menú a la izquierda y suéltelos en la plantilla.

Añadir bloques a una campaña Onclick

También puede eliminar cualquier elemento del formulario haciendo clic en él y usando las opciones del menú de la izquierda. Por ejemplo, eliminaremos el campo Nombre del formulario.

Primero, debe hacer clic en la pestaña "Seleccionar" en la parte inferior de la pantalla. Luego haga clic en el cuadro para seleccionarlo y verá las opciones disponibles en la columna de la izquierda, incluida la opción para eliminarlo.

Eliminar el campo de nombre

Después de diseñar la ventana emergente, el siguiente paso es diseñar la vista de éxito que las personas verán después de completar el formulario.

Simplemente cambie a la vista Éxito en la parte superior de la pantalla.

Editar vista exitosa para ventana emergente al hacer clic

Puede editar la vista de éxito de la misma manera que editó la vista de selección. Por ejemplo, es posible que desee cambiar el texto o agregar un enlace de descarga imán de plomo.

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

Cuando esté satisfecho con la ventana emergente, haga clic en integraciones pestaña en la parte superior de la pantalla. Debe conectar OptinMonster con su servicio de marketing por correo electrónico para agregar personas a su lista de correo electrónico.

Desde aquí, haga clic en el botón "+ Agregar nueva integración" en el lado izquierdo de la pantalla.

Agregar una herramienta de marketing por correo electrónico

A continuación, puede seleccionar su proveedor de correo electrónico de la lista desplegable.

Desde aquí, simplemente siga las instrucciones para vincularlo a OptinMonster.

Seleccione su proveedor de correo electrónico

Configurar la ventana emergente para que aparezca al hacer clic

Ahora debe configurar la ventana emergente para que aparezca cuando el usuario haga clic en un enlace.

Continúe y haga clic en reglas de visualización pestaña en la parte superior de la pantalla.

Seleccionar reglas de visualización

La regla de visualización predeterminada establecida por OptinMonster es Tiempo en la página. Esto significa que la ventana emergente predeterminada aparecerá después de que el usuario haya estado navegando por esa página durante un cierto período de tiempo.

Sin embargo, puede hacer clic en el menú desplegable y seleccionar la opción MonsterLink™ (al hacer clic) en su lugar.

Seleccione la regla de visualización de MonsterLink

Entonces deberías ver tu MonsterLink™ en las reglas de visualización.

Puede hacer clic en el botón para copiar su código MonsterLink™. Necesitarás esto en un momento.

Copiar MonsterLink

Haz tu ventana emergente al hacer clic vivo

Luego puede ir a la pestaña Publicado en la parte superior de la página y cambiar el estado de su campaña de Borrador a Publicado.

Publica tu campaña al hacer clic

Luego haga clic en el botón Guardar en la parte superior de la pantalla y cierre el generador de campañas.

Luego verá "Configuración de salida de WordPress" para su campaña. Puede hacer clic en el menú desplegable Estado y cambiarlo de Pendiente a Publicado. Luego haga clic en el botón "Guardar cambios".

Cambiar el estado de

Agregar su MonsterLink a su sitio web de WordPress

Ahora necesita agregar el MonsterLink™ especial a su sitio web. Si no ha copiado esto antes, puede recuperarlo volviendo a la configuración de Reglas de visualización de su campaña.

Primero debe crear una nueva publicación o página o editar la que desea agregar su enlace.

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

Cuando esté en el editor de contenido de WordPress, haga clic en el botón (+) para agregar un bloque HTML personalizado.

Agregue un bloque HTML personalizado a su página

Ahora copia tu MonsterLink™ en este bloque. Debería verse algo como esto:

<a href="https://app.monstercampaigns.com/c/mcqdabfqzia6zdiosiz0/" target="_blank" rel="noopener noreferrer">Subscribe Now!</a>

Puedes cambiar las palabras "¡Suscríbete ahora!" al texto que desea utilizar para su enlace.

Introduce el código de MonsterLink

Después de colocar 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 le dimos un poco de estilo al texto para crear un cuadro de texto más grande para fomentar el imán principal:

Haga clic en la ventana emergente de vista previa

Arriba: Con MonsterLinks™, no está limitado a solo enlaces de texto. También puede utilizar MonsterLink con un botón de llamada a la acción, una imagen, un banner o un menú de navegación en su sitio web.

Esperamos que este tutorial le haya ayudado a aprender cómo hacer clic en activar un formulario emergente en WordPress. Es posible que también desee ver nuestro tutorial sobre cómo acelerar su sitio de WordPress y nuestra guía definitiva para WordPress SEO.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Closermarketing.es Y Facebook.

Deja una respuesta

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

Subir