Cómo usar una encuesta de WordPress emergente de plugin (modo fácil)

¿Necesita un complemento de WordPress para la encuesta emergente? Poner un formulario de comentarios en una ventana emergente es una excelente manera de obtener más respuestas de sus visitantes en este artículo, analizaremos el mejor complemento emergente para WordPress. Luego pasaremos por el proceso de obtener una ventana emergente en vivo en su sitio. Cree su formulario de encuesta de WordPress ahora ¿Cómo uso una encuesta emergente en WordPress? Puede instalar fácilmente un enchufe de encuesta emergente en el tablero de WordPress. Después de eso, solo tiene que configurar las preguntas de la encuesta para el formulario, luego diseñar la ventana emergente que aparecerá cuando un visitante esté en su sitio.
Las ventanas emergentes son una excelente manera de atraer la atención de su visitante para cualquier tipo de encuesta. Y la concentración del visitante en la encuesta ayudará a aumentar las tasas de conversión.
WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!
Es muy fácil instalar un complemento para encuestas emergentes. Combinaremos 2 complementos fuertes en este tutorial. Cómo configurar su complemento emergente de WordPress Hay algunos pasos a seguir para que funcione su encuesta emergente, así que aquí hay un contenido para encontrar el paso correcto:
Instale el complemento WPForms
Crear un formulario de encuesta de WordPress
Instale el complemento OpinMonster
Crea una campaña en Optinmonster
Publica una encuesta emergente en su sitio
Comencemos instalando el complemento número 1.
Paso 1: Instalar el complemento WPFORMS WPFFORMS es el mejor constructor de formularios de WordPress. Le permite crear formularios y encuestas personalizadas con un arrastre y caída de caída. ¿Necesitas ayuda? Cambie a esta guía para principiantes para instalar un complemento en WordPress. Después de haber activado el complemento en WordPress, está listo para crear su formulario de comentarios. La maravillosa noticia es que podemos usar una plantilla para esto, por lo que solo tomará unos minutos. Paso 2: Cree un formulario de encuesta WPFFORMS En este ejemplo, crearemos una encuesta simple de 4 en el campo:

Nombre
Correo electrónico
Calificación estrella
Un campo de texto para comentarios.
Si desea hacer una encuesta más complicada, consulte estas plantillas y ejemplos de cuestionario para averiguar sobre los campos que puede usar. En el tablero de WordPress, vaya a WPFORMS, luego haga clic en New ADD. Elegamos el formulario de contacto simple de plantilla.
La personalización de esta plantilla solo tomará unos minutos. Primero, agregemos el campo de evaluación a las estrellas. Simplemente haga clic y tire del panel izquierdo en el panel derecho, luego marque con el cuadro de selección del panel izquierdo:

Puede usar las opciones avanzadas del campo de evaluación STAR para cambiar los iconos. Si desea personalizar otros campos, simplemente haga clic en el campo para cambiar la configuración. Nuestro tutorial sobre la creación de un formulario de contacto simple explica esto en detalle. Lo último que debe hacer es agregar al formulario el código de seguimiento de conversión OptInmonster. En el generador de formulación, haga clic en Configuración en el panel izquierdo. Luego desplácese hacia abajo y escriba OM-Trogger-Conversion en la clase CSS del botón Enviar. Una vez que haya terminado, haga clic en el botón Guardar para guardar el formulario.

Si desea agregar campos de encuestas más complejos en su formulario, consulte este elemento sobre cómo crear un formulario de encuesta de WordPress. Ahora que tenemos un formulario de retroalimentación preparado, sigamos e instale el segundo complemento. Paso 3: Instale el complemento OptinMonster OptinMonster es el mejor complemento emergente para WordPress. Puede ayudarlo a rastrear y aumentar las conversiones y obtener comentarios valiosos de los visitantes. Consulte todas las funciones en nuestra revisión OptinMonster. OptinMonster + WPFORMS es un combo poderoso. Para ponerlos a ambos en el trabajo.

Continúe e instale el complemento OptinMonster WordPress. No olvides activarlo. Si no tiene una cuenta, haga clic en OBTINMONTER OBTINMONTER ahora para registrarse. Si ya tiene una cuenta OptInmonster, seleccione su cuenta para agregar el sitio web.
¡Eso es genial! Tenemos los complementos de WordPress listos para la encuesta emergente. Puede mantener el panel de WordPress abierto en otra pestaña. Tendremos que comprobar nuevamente en un segundo. Por ahora, pasemos a Optinmonster. Paso 4: Cree una campaña en OptinMonster Access OptinMonster en una nueva ventana del navegador e inicie sesión. En la parte superior de la pantalla OptinMonster, haga clic en Crear una nueva campaña para comenzar. Bajo el tipo de campaña, elija PopUp.
Lo siguiente que necesitamos es una plantilla de campaña. Elegamos el lienzo.

La plantilla de Canvas le permite agregar diferentes elementos a su ventana emergente, como:
formulación

Html

CSS
Javascript.
Para obtener más información sobre el uso de la ventana de lienzo emergente, lea este artículo sobre las ventanas emergentes únicas que puede crear con OptinMonster. Ok, de vuelta al experto en Optinmonster. Ahora se le pedirá que nombre su ventana emergente. Llamemos emergente emergente de la encuesta, ¡luego seleccione su sitio, estamos listos! Ahora haga clic en Comenzar a la construcción.
OptinMonster cargará la pantalla del constructor. Aquí configurará la ventana emergente e incorporará el formulario.
No se preocupe si no ha usado OptinMonster antes. Si permanece atrapado en cualquier momento, eche un vistazo a esta guía sobre la creación de su primer opino.
Primero, cambiemos la imagen en la ventana emergente. Simplemente haga clic en él y cargue una nueva imagen o logotipo. También modifiqué el texto aquí, por lo que tiene sentido para el formulario emergente.

Ahora agregemos el formulario a la ventana emergente. Primero tenemos que tomar la forma corta del formulario. Regrese al tablero de WordPress y vaya a WPForms »todos los formularios. Verá un código corto junto al formulario que ha creado anteriormente.
Copie el código corto. Volver a OptinMonster, haga clic en el botón Agregar bloque en la parte superior del fabricante. Desde el panel izquierdo, tire del bloque HTML en el panel central. En el lado izquierdo, puede ver que el panel cambia para mostrarle el contenido del bloque HTML. Simplemente pegue el código corto aquí.

A continuación, diremos OptinMonster cómo mostrar la ventana emergente. En este ejemplo, queremos que se muestre la ventana emergente si alguien hace clic en un enlace. Continúe y haga clic en las reglas de visualización en la parte superior del fabricante OptInmonster.

En el primer menú de caída, haga clic en el menú de caída en el que aparece la hora en la página. Busque el enlace, luego haga clic en la opción Monsterink a la derecha.

Puede continuar y eliminar las otras reglas haciendo clic en el icono menos al lado de ellas. Haga clic en el siguiente paso y asegúrese de que se seleccione Optin en el menú desplegable.

Haga clic en el siguiente paso nuevamente. ¡Eso es genial! Ahora su ventana emergente se abrirá cuando el visitante haga clic en el enlace personalizado. Continúe y haga clic en Copie el código Monksterink. Lo necesitarás en un minuto. ¡Estás casi en la línea de meta! Todo lo que tenemos que hacer ahora es publicar la ventana emergente en su sitio web. Paso 5: Publique la encuesta emergente en su sitio. Así que ahora tenemos que tomar los pasos finales en ambos complementos:

En OptinMonster, publicaremos la ventana emergente

En WordPress, agregaremos Monsterlink a la ventana emergente.

Así que comencemos publicando la ventana emergente. En la parte superior de la pantalla OptinMonster, haga clic en Publicar. Verifique que el sitio web correcto esté seleccionado en el menú desplegable, luego cambie el estado a vivir.
OptinMonster Preview aún no mostrará el formulario. ¡No te preocupes! Todo se unirá al siguiente paso. Ahora regrese al tablero de WordPress. Haga clic en OptinMonster en la barra de navegación a la izquierda, luego haga clic en la actualización de la campaña.
Uf. Casi ahí. Ahora edite la publicación o página donde desea agregar el enlace de la encuesta. Agregue un bloque HTML personalizado a su página y pegue el código.
Ahora publique o actualice la página. ¡Eso es todo! Haga clic en el enlace y verifique si todo funciona.

Hmm, ¿notaste que nuestra forma se ve un poco básica? Si no le gusta cómo se ve su forma, puede agregar fácilmente CSS para personalizarlo: html div om-{{id}} {
Tamaño de fuente: 16px;

}

Html div#om-{{id}} {

Color:#000000;
}
.wppforms-campo-offection, .wppforms-field-label {
Margen: 10px 0! IMPORTANTE;
}
Html div#om-{{id}} .wppforms-field-row-block.wppforms-first.wppforms-ne-half {
Margen-derecha: 10px! IMPORTANTE;
}
html div#om-{{id}} input [type = text] {
margen-top: 10px; margen de fondo: 10px; Relleno: 20px; Border-Radius: 10px;
}
html div#om-{{id}} input [type = etiqueta] {
Relleno: 20px;
}
html div#om-{{id}} input [type = correaje] {
margen-top: 10px; margen de fondo: 10px; Relleno: 20px; Border-Radius: 10px;
}
html div#om-{{id}} botón [type = subt] {
Tamaño de fuente: 14px; Margen: 20px; Relleno: 20px; Border-Radius: 10px;
}
Html div#om-{{id}} .wpforms-submit-continer {
TEXT-Align: Center! Importante;
}
Simplemente agregue esto al instrumento CSS personalizado en OptinMonster, luego actualice las campañas en el tablero de WordPress. Ahora la forma se ve mucho mejor: