• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Crear un formulario que permita recoger datos de tus suscriptores en WordPress

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:

Resultado final del formulario para recoger datos

¿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 1801 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.

Resultado final del formulario para recoger datos

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 te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.

Todo ventajas de ser suscriptor. 😉

PHP WordPress

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes login o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?