Descubre en este tutorial cómo crear un plugin que permita mostrar un formulario para recoger datos sobre suscriptores en WordPress.
Ojo que hoy tienes un tutorial nuevo y un anuncio, dos por uno. 😉
Y es que en Código Genesis estoy preparando un directorio de profesionales de WordPress donde los suscriptores podréis añadir vuestros datos profesionales.
La idea es comenzar con algo sencillo, una ficha donde puedas añadir tu bio, web principal y los distintos perfiles profesionales.
Para conseguir esto podría haber usado un plugin como Gravity Forms o Advanced Custom Fields (soy muy fan de ambos), pero he preferido hacerlo usando solo código.
Al puro estilo Código Genesis, ya sabes. 😉
Este sería el resultado final del formulario:
¿A ti también te interesa? Entonces aquí mismo te dejo el código para que puedas usarlo o crear tu propia variación.
¿Empezamos?
Pasos para crear un plugin que muestre un formulario para recoger datos de los suscriptores
En este caso, al no se demasiado código y no necesitar encolar CSS, podrías colocar todo el código en tu plugin de funcionalidades.
Pero al ser una funcionalidad muy específica y que puede irse ampliando con el tiempo, creo que es mejor empaquetarlo en un plugin.
1. Crea la estructura y el fichero principal del plugin
Crea una carpeta y un fichero en la raíz con el mismo nombre (en este caso, user-profile-form y user-profile-form.php) y añade la cabecera del plugin:
<?php
/**
* Plugin Name: Formulario para profesionales
* Plugin URI: https://codigogenesis.com/crear-plugin-formulario-profesionales/
* Description: Crea un shortcode que permite mostrar un formulario donde el suscriptor puede rellenar sus datos profesionales.
* Version: 1.0.0
* Author: Nahuai Badiola
* Author URI: https://codigogenesis.com/
* License: GPL-2.0+
* License URI: http://www.gnu.org/licenses/gpl-2.0.txt
* Text Domain: cg-prof-form
*/
?>Así quedaría la cabecera más el código del plugin:
Para ver este código y los otros 1307 snippets de esta web,
identifícate o suscríbete aquí.
Con este código consigues dos cosas. Por un lado creas el formulario y por otro envías la información que se rellena a la base de datos de WordPress.
En la primera parte creas los campos que quieres y los vinculas con los metadatos dónde se van a guardar. En este caso:
- Nombre
- Compañía
- Posición en la compañía
- Página web
- Bio/Descripción
- Perfil de LinkedIn
- Perfil de Twitter
- Perfil de Github
- Perfil de WordPress
Esto es solo un ejemplo. Puedes añadir o eliminar los campos que consideres necesarios.
En en la segunda parte utilizas update_user_meta para actualizar los campos que se han rellenado del formulario.
2. Añade el shortcode donde quieras mostrar el formulario
A continuación, crea la página donde quieras mostrar el formulario y añade el shortcode:
[user_profile_form]
Ya lo tienes. Solo te queda enlazar esa página en el menú (o donde quieras) para que el usuario puede acceder de forma sencilla.
Por cierto, si eres suscriptor y quieres ir rellenando tu perfil puedes hacerlo aquí.
En las próximas semanas te iré explicando cómo mostrar los datos en el front-end y algunos trucos más al respecto. 😉
Conclusiones
Ahora ya sabes cómo crear un plugin que permita mostrar un formulario en el que recoger los datos que tú quieras de un suscriptor de WordPress.
Si tienes alguna duda sobre este tutorial déjala en los comentarios.
¿Sugerencias para próximos snippets? Envíamelas con el formulario de contacto.
Todo ventajas de ser suscriptor.
