¿Quieres crear una página de registro en Elementor?
Si quieres crear un sitio web WordPress que permite el registro de usuarios, lo más importante que debe proporcionar es la página de registro. Elementor no tiene un widget predeterminado para agregar un formulario suscripción a una página, pero puede agregar una usando el widget Formulario con un pequeño truco. Lo descubriremos en breve en este artículo.
Desde el widget Formulario solo está disponible en Elementor Pro, debes actualizar tu Elementor a la versión pro.
Cómo crear un formulario de registro en Elementor
Elementor no tiene un widget predeterminado para agregar un formulario de registro. Pero, como se mencionó anteriormente, puede crear una página de registro de usuario usando el widget Form con un pequeño truco. Hay dos componentes que necesitará:
- El propio formulario de registro de usuario
- Un script PHP que le permite agregar un nuevo usuario
Antes de comenzar, supongamos que ha estado usando Elementor durante algún tiempo y ya ha creado un formulario con el widget Form.
Una vez que esté listo, siga los pasos a continuación para comenzar a crear una página de registro en Elementor.
Paso 1: crea el formulario de registro
Primero, cree una nueva página y edítela con Elementor. Por supuesto, también puede editar una página existente. En el editor de Elementor, agregue el widget Form al cuadro de edición arrastrándolo desde el panel izquierdo.
Vaya al panel de la izquierda para personalizar el formulario. El primer bloque de opciones que necesita abrir es el bloque Campos de formulario debajo de la pestaña Contenido. El formulario de registro que vamos a crear constará de 5 campos de la siguiente manera:
| campeón | Tipo de campo | etiqueta |
| nombre de pila | textos | Appelido |
| nombre y apellidos | textos | Nombre |
| usuario (requerido) | textos | Utilisateur |
| E-mail (obligatorio) | ||
| Se requiere contraseña) | mot de passe | Contraseña |
Nombre del formulario: crea un nuevo usuario
Una cosa crucial a tener en cuenta. Asegúrese de usar exactamente las mismas etiquetas de campo que en la tabla anterior, incluidas mayúsculas y minúsculas, ya que se usarán como variables en el script PHP que usaremos.
Lea también: Cómo crear una ventana emergente de consentimiento de cookies con Elementor
Además, asegúrese de darle un nombre a su formulario. Nuevamente, asegúrese de usar exactamente el mismo nombre (incluidas mayúsculas y minúsculas) que estamos usando en este ejemplo ("Crear un nuevo usuario" en este caso).
Aquí está el ejemplo del formulario que creamos.
Una vez el definición campos de formulario completados, abra el bloque Acción después de enviar. Dado que desea crear un formulario de registro de usuario, puede establecer la acción en Redireccionar.
En el bloque Redirigir, Pegue la URL a la que desea que se dirijan a sus usuarios después de crear un nuevo usuario. Por ejemplo, puede redirigirlos a la página de inicio de sesión de su sitio web.
Abre el bloque Opciones adicionales y active la opción Personalizado Mensajes. Puede reemplazar el mensaje de éxito con algo como "Se ha creado el usuario".
Tu formulario ya está listo. Puede publicar la página una vez que haya terminado de editarla.
Paso 2: agregue una nueva función para agregar un nuevo usuario
Aquí está el script PHP que le permite agregar un nuevo usuario a su sitio web de WordPress.
add_action ('elementor_pro / forms / new_record', 'blogpascher_creer_un_nouvel_user', 10, 2); function blogpascher_creer_un_new_user ($ record, $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name'); // Verifique que el formulario sea "crear un nuevo usuario" de lo contrario - detener y regresar; if ('Crear un nuevo usuario'! == $ form_name) {return; } $ form_data = $ registro-> get_formatted_data (); $ usuario = $ form_data ['Usuario']; // Obtenga el valor ingresado como "Nombre de usuario" $ contraseña = $ form_data ['Contraseña']; // Obtenga el valor ingresado como "Contraseña" $ email = $ form_data ['Email']; // Obtenga el valor ingresado como "Correo electrónico" $ usuario = wp_create_user ($ nombre de usuario, $ contraseña, $ correo electrónico); // Cree un nuevo usuario, si tiene éxito, devuelva el user_id if (is_wp_error ($ user)) {// si hubo un error al crear un nuevo usuario $ ajax_handler-> add_error_message ("Imposible crear un nuevo usuario: ". $ usuario-> get_error_message ()); // agregue el mensaje $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" Nombre "]; //Obtenga el valor ingresado como "Appelido"
$ last_name = $ form_data ["Nombre"]; //Obtenga el valor ingresado como "Nom"
wp_update_user (array ("ID" => $ usuario, "first_name" => $ first_name, "last_name" => $ last_name)); // Actualiza al usuario con el nombre y apellido}
Puede colocar el código anterior en el archivo functions.php de su tema. Para hacer esto, vaya a Apariencia -> Editor de temas en su panel de WordPress. Haga clic en el archivo functions.php en el panel derecho para editarlo y pegar el script PHP al final del archivo funciones.php.
Aquí hay una vista previa.
Haga clic en el botón Actualizar archivo en el editor para actualizar el archivo functions.php.
Posibles errores
Una vez que sus usuarios hayan creado con éxito una nueva cuenta, es muy probable que no puedan acceder al panel de WordPress incluso si han iniciado sesión correctamente. Si experimenta este problema, intente cambiar la función del usuario a Colaborador o una función superior (Autor o Editor).
Lea también: Cómo exportar e importar modelos de Elementor
Para hacerlo, ve a Cuentas-> Todas las cuentas. Pase el mouse sobre un usuario cuyo rol desea cambiar y haga clic en el enlace Editar.
Desplácese hacia abajo hasta la opción Papel y seleccione una nueva función en el menú desplegable. Haga clic en el botón Actualizar usuario en la parte inferior para aplicar la nueva modificación.
Si desea que cada usuario recién registrado tenga un rol de Colaborador, puede establecerlo (el rol de Colaborador) como el rol predeterminado.
Ver también: Cómo crear una página de inicio de sesión con Elementor
Para hacerlo, ve a Configuración-> General. Desplácese hacia abajo hasta la opción Rol predeterminado para cualquier cuenta nueva y seleccione una función predeterminada en el menú desplegable. No olvide hacer clic en el botón Guardar cambios en la parte inferior para aplicar la nueva modificación.
Si continúa queriendo que los nuevos usuarios tengan un rol de suscriptor y desea permitirles acceso al panel de WordPress, puede intentar resolver el problema deshabilitando temporalmente los complementos activos y volviéndolos a habilitar uno por uno. causando el problema.
¡Obtenga Elementor Pro ahora!
Conclusión
Listo ! Eso es todo por este artículo que le muestra cómo crear una página de registro en Elementor. Si tiene alguna duda sobre cómo llegar favísanos en el comentarios.
Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.
...
