¿Desea crear un formulario de registro emergente en su sitio web de WordPress?
Un formulario de registro emergente es una de las mejores formas de atraer a sus visitantes para que se registren en su sitio. De esa manera, puede pedirles que completen el registro desde la misma página en la que están sin tener que navegar a otra página.
Pero, ¿cómo se crea un formulario de registro emergente sin habilidades de codificación o diseño?
Hoy, le mostraremos cómo crear fácilmente un formulario de registro emergente con dos herramientas poderosas:
- WPForms
- OptinMonster
Primero, echemos un vistazo a qué es un formulario de registro emergente y por qué necesita uno en su sitio de WordPress.
¿Qué es un formulario de registro emergente?
Un formulario de registro requiere que los visitantes de su sitio creen un perfil con su nombre de usuario, correo electrónico y contraseña para acceder a ciertas partes de su sitio.
Ahora, hay algunas razones por las que es posible que deba agregar un formulario de registro a su sitio de WordPress.
Permitir que las personas:
- Crea perfiles para una tienda de comercio electrónico
- RegÃstrese para un curso en lÃnea
- Únase a un sitio de membresÃa
Desafortunadamente, en la mayorÃa de los sitios web, el proceso de registro no siempre es fácil.
Quizás sea lento o confuso. Y si las personas se atascan, abandonarán su sitio. Sin mencionar que un proceso de registro mal diseñado le costará ingresos.
Por otro lado, una experiencia de usuario positiva distingue a su empresa.
Ahà es donde entra un formulario de registro emergente.
Un formulario de registro emergente permite a los visitantes de su sitio registrarse rápidamente en su sitio sin interrumpir su patrón de navegación.
Es la forma más fácil para que los visitantes de su sitio se registren o inicien sesión en su sitio de WordPress.
Hoy, crearemos este formulario de registro emergente:
Cómo crear un formulario de registro emergente en WordPress
En el tutorial de hoy, crearemos un formulario de registro emergente en WordPress usando WPForms y OptinMonster.
- WPForms es el mejor complemento de formulario para WordPress. Con WPForms, puede agregar formularios completamente funcionales a su sitio sin escribir ningún código. Y puedes elegir entre alrededor de 100 plantillas.
- OptinMonster es el mejor creador de ventanas emergentes para WordPress. La función de arrastrar y construir de OptinMonster hace que sea fácil para usted incrustar el formulario de registro dentro de la ventana emergente.
A continuación, analizaremos cada uno de los pasos que necesita para configurar su formulario de registro emergente.
Crear un formulario de registro usando WPForms
Antes de comenzar, deberá instalar y activar el complemento WPForms.
Consulte este artÃculo para obtener instrucciones paso a paso sobre la instalación de un complemento de WordPress.
Una vez que haya activado el complemento, haga clic en WPForms »Complementos.
En la siguiente pantalla, verá los complementos disponibles.
Buscar Formulario de registro de usuario.
Hacer clic Instalar complemento.
La plantilla de registro de usuario viene con todos los campos que necesita para un formulario de registro emergente:
- Nombre de usuario
- Correo electrónico
- Contraseña
- BiografÃa corta
A continuación, haga clic en WPForms »Agregar nuevo.
Ahora estará en el generador de formularios.
Busque y seleccione el Formulario de registro de usuario plantilla.
Ahora, puede personalizar su formulario agregando campos desde el lado izquierdo de la pantalla.
A continuación, haga clic en el Contraseña campo en el formulario. Nuevamente, verá las opciones de campo en el lado izquierdo.
Agregue el código a continuación en el cuadro de descripción del Contraseña campo:
Ahora, puede mostrar opciones como olvidar la contraseña o el inicio de sesión del usuario si el visitante ya tiene una cuenta.
Después de eso, haga clic en Ahorrar en la parte superior del editor.
Luego, seleccione Empotrar.
Copie el código. Necesitaremos este código cuando configuremos nuestra ventana emergente en el siguiente paso.
A continuación, es hora de dirigirse a OptinMonster para crear y mostrar su formulario de registro emergente.
Cree su formulario de registro emergente
Ahora, crearemos nuestro formulario de registro emergente en OptinMonster.
Paso 1: crear una campaña emergente
Primero, dirÃjase a su panel de OptinMonster.
Hacer clic Crear nueva campaña.
Escoger Surgir.
OptinMonster tiene más de 50 plantillas para elegir.
Las plantillas le permiten crear muchos tipos diferentes de campañas, como ofrecer:
- Actualizaciones de contenido para los usuarios en función de los artÃculos que están leyendo.
- Descuentos para compradores en lÃnea por los productos que buscan
Todas las campañas prediseñadas de OptinMonster funcionan a la perfección en computadoras de escritorio, dispositivos móviles y tabletas.
Hoy, iremos con Lienzo.
Canvas te permite crear tu propia campaña desde cero.
Ponle un nombre a tu campaña y asÃgnala a tu sitio de WordPress.
Hacer clic Empezar a construir para editar su ventana emergente.
Paso 2: Diseñe su formulario de registro emergente
Ahora estarás en el editor de campañas.
Personalizar su ventana emergente en OptinMonster es fácil.
Verá todas las herramientas y bloques de edición a la izquierda.
Para eliminar un elemento, simplemente haga clic en él y seleccione eliminar.
Eliminemos también el resto del texto de nuestro formulario.
En esta etapa, tendrá un lienzo completamente en blanco.
Ahora, agregaremos nuestro código de inserción de WPForms.
Escoger Bloques.
Ahora, arrastre el HTML bloquee a su formulario.
En el menú del lado izquierdo, inserte su código corto.
El editor de OptinMonster ahora mostrará este código corto, pero una vez que su campaña se active, aparecerá el formulario.
A continuación, agregaremos un encabezado a nuestro formulario.
Hacer clic Agregar bloques desde la parte superior de su editor.
Simplemente arrastre y suelte el bloque de texto en su formulario.
Ahora, podrá agregar una copia a su formulario. Simplemente haga clic en su texto para editar la copia desde el constructor.
A continuación, haga clic en el código corto. Esto tirará del Editar elemento HTML herramientas a la izquierda.
Seleccione Cuadra.
Establezca el relleno en los valores siguientes. Esto centrará los campos de su formulario.
A continuación, diseñaremos nuestro formulario de registro emergente.
Paso 3: agregar CSS a su formulario de inicio de sesión
Ahora, vamos a agregar CSS personalizado a su formulario de registro.
Si es nuevo en CSS, no se preocupe. Todo lo que necesita hacer es copiar y pegar algunas lÃneas de código en el editor de su campaña.
DirÃgete al Hogar panel y haga clic en Configuración de pantalla.
Copie el siguiente CSS:
Péguelo en el cuadro de campo.
Paso 4: Muestre su formulario de registro emergente
Hoy, usaremos uno de los activadores de campaña más poderosos de OptinMonster, Monsterlinks ™.
Lead Guru convirtió el 81% de los visitantes de su sitio usando MonsterLinks.
Dirigirse a Reglas de visualización.
Buscar y seleccionar Monsterlinks â„¢ (al hacer clic).
A continuación, haga clic en Copiar el código de Monsterlinks. Podrá colocar este código en cualquier lugar de su sitio de WordPress para agregar un enlace de registro en el que se puede hacer clic.
Finalmente, es el momento de publicar su campaña.
Seleccione Publicar desde la parte superior de su editor.
En la pantalla de publicación, asegúrese de que el estado de la campaña sea Vivir.
En la siguiente pantalla, asegúrese de que el estado de su campaña sea Vivir.
Ahora, todo lo que queda es agregar su formulario emergente a su sitio de WordPress.
Paso 3: agregue el formulario de registro de usuario a WordPress
DirÃgete a tu panel de WordPress.
Hacer clic OptinMonster de WordPress.
Es posible que deba actualizar sus campañas si no ve su campaña aquÃ.
Una vez que vea su campaña, haga clic en Editar configuración de salida.
En Quién deberÃa ver esta campaña, haga clic en Muestre la campaña a todos los visitantes y usuarios.
Finalmente, agregue su enlace Monsterlinks a su sitio.
Ahora creará un enlace de registro en el que se puede hacer clic que puede colocar en cualquier lugar de su sitio.
Ahora, los visitantes de su sitio verán esta ventana emergente cuando hagan clic en el enlace de registro:
Eso es todo.
Ahora, ha configurado un proceso de registro súper simple en su sitio de WordPress.
Ahora que sabe cómo utilizar las ventanas emergentes para facilitar el registro de usuarios, es posible que también desee ver cómo pueden aumentar sus suscriptores de correo electrónico.
Consulte estos artÃculos para conocer las técnicas que agregarán más suscriptores a su lista de correo:
¿Está listo para usar ventanas emergentes para hacer crecer su negocio? Obtenga OptinMonster hoy.