registration form

Cómo crear un formulario de registro personalizado en WordPress

En entradas anteriores hemos visto cómo crear formularios de log-in / log-out personalizados, y cómo agregar campos personalizados al perfil de usuario de WordPress tanto en el front-end como en el back-end.

Para terminar esta serie de entradas vamos a ver ahora cómo crear un formulario de registro personalizado en el front-end. Para ello crearemos un form, donde además de solicitar el nombre de usuario e e-mail, pediremos los campos personalizados que vimos en ejemplos anteriores: población, provincia y teléfono. Una vez validado el formulario registraremos al usuario utilizando la función: wp_insert_user().

El html para pintar el formulario es el siguiente:

Lo siguiente que haremos es validar el formulario. Para ello preguntaremos si el formulario ha sido enviado, recogeremos y sanitizaremos (si se me permite el palabro) los datos enviados, y si no se cumplen nuestros requisitos mostraremos un mensaje de error usando la clase WP_Error.

Si todos los datos son correctos, lo siguiente es insertar el usuario con la función wp_insert_user():

<?php wp_insert_user( $userdata ); ?>

Como parámetro acepta un array de datos de usuario, entre los que se encuentran: ID, user_pass, user_login, user_nicename, user_url, user_email, display_name, nickname, first_name, last_name, description, rich_editing, user_registered, role, jabber, aim y yim. Para nuestro ejemplo vamos a guardar los datos: user_login (usuario), user_email (email).

A continuación generaremos automáticamente una contraseña con la función wp_generate_password(), y los campos adicionales de población, provincia y teléfono los guardaremos con la función update_user_meta() si la creación del usuario ha sido correcta. La función wp_insert_user() devuelve el ID creado para el nuevo usuario, ese ID es el que pasaremos a la función update_user_meta() para los campos adicionales.

Por último queda notificar al usuario que se ha dado de alta y enviarle un correo para que pueda establecer una contraseña propia. Antes WordPress enviaba las contraseñas por mail, pero en las últimas versiones por seguridad ya no lo hace. En su lugar manda un correo con un enlace para que el usuario pueda crear su propia contraseña. Para eso usaremos la función wp_new_user_notification() a la que le pasaremos los parámetros “user_id” y “both”.

El código completo de la validación del formulario es el siguiente:

Con ésto ya tendríamos nuestro formulario de registro personalizado. Puedes añadir tantos campos adicionales como desees, y adaptar el desarrollo a la medida de tus necesidades.


¿Me invitas a un café?
Si te ha gustado el blog o algún artículo en concreto te ha ayudado a resolver una duda o problema que tenías…¿me invitas a un café?

Puede que también te interese

Cómo redirigir al usuario cuando inicia o cierra sesión en WordPress
En este artículo vamos a explicar cómo redirigir al usuario cuando inicia o cierra sesión en WordPress. Ésto puede resultar muy útil en un desarrollo…
Cómo agregar el generador de contraseña fuerte de WordPress en nuestro formulario de registro personalizado
En la entrada anterior veíamos cómo crear un formulario de registro personalizado en WordPress. En el ejemplo, generábamos una contraseña automáticamente, pero ahora vamos a…
Porqué y cómo cambiar el permalink de Autor en WordPress
WordPress posee una estructura de enlaces amigables optimizada para el SEO. De este modo nos permite tener enlaces del tipo www.misitio.com/quienes-somos/ en lugar de www.misitio.com/?id=7.…
Insertar un anuncio entre el contenido de un post
Seguro que has visto en más de una ocasión páginas web que insertan anuncios o contenidos relacionados entre medias del propio contenido. De hecho yo lo tuve…




  • Jose Mariani

    hola esta buenisimo pero si me gustaria personalizar el formulario es decir tengo un diseño en boostrap y quisiera implementarlo como tendria que hacer? es decir teniendo mi propio diseño y demas.

    • Hola Jose

      Este ejemplo está hecho con un formulario básico de bootstrap. En cualquier caso, si tienes un diseño propio simplemente maqueta el formulario según tu diseño y ten en cuenta el name de tus inputs para recoger luego la información correctamente.