Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo crear un rastreador de fitness en WordPress (con gráficos)

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quieres crear un rastreador de fitness en WordPress?

Muchas empresas y comunidades en línea relacionadas con la salud y la forma física ofrecen herramientas de seguimiento para sus usuarios. Esto ayuda a mantener la participación de los usuarios y a hacer crecer tu negocio.

En este artículo, le mostraremos cómo crear fácilmente un rastreador de fitness en WordPress para aumentar la participación de los usuarios en su sitio web.

Creating a fitness tracker in WordPress

¿Qué es un Fitness Tracker?

Un rastreador de fitness es una herramienta en línea que ayuda a los usuarios a realizar un seguimiento de diferentes aspectos de su salud y rendimiento físico.

Podría ser un rastreador de pérdida de peso, una calculadora de IMC, un planificador de comidas u otro tipo de rastreador de salud. Estas herramientas en línea se pueden crear utilizando plugins de WordPress sin código que calculan diferentes valores sobre la marcha.

Por qué debería añadir un rastreador de fitness a su sitio WordPress

Si gestionas un sitio web en WordPress para un negocio de salud y fitness o una comunidad online, añadir un rastreador de fitness a tu sitio web es una forma sencilla de aumentar la participación de los usuarios.

Esto incluye sitios web como:

Puede proporcionar a sus usuarios herramientas reales para el seguimiento de su rendimiento físico, lo que es más probable que los mantenga en su sitio durante más tiempo.

La mejora de la participación de los usuarios conduce a mayores tasas de conversión y una mejor retención de clientes para su negocio.

Crear una comunidad de fitness en línea

Una de las maneras más fáciles de monetizar un sitio web de salud y fitness es mediante el uso de MemberPress. Es el mejor plugin de membresía para WordPress y te permite vender fácilmente cursos online y suscripciones.

Puede crear diferentes tipos de planes de fitness, ocultar contenido solo para miembros tras un muro de pago, crear cursos en línea y mucho más.

Los usuarios pueden utilizar el rastreador de fitness integrado para medir su rendimiento y progreso a lo largo del tiempo. Esto les ayuda a pasar más tiempo en su sitio web, lo que mejora las renovaciones de suscripciones, las ventas dirigidas y la retención de clientes.

Para más detalles, consulte nuestro tutorial paso a paso sobre cómo crear un sitio web de membresía en WordPress.

Creación de un rastreador de fitness en línea en WordPress

Para crear un rastreador de fitness online en WordPress, necesitarás Formidable Forms.

Es uno de los mejores plugins de calculadoras para WordPress del mercado que te permite crear formularios y calculadoras avanzadas para tu sitio web. El maquetador de arrastrar y soltar hace que sea fácil crear tus formularios de seguimiento de fitness sin tener que escribir ningún código o contratar a un desarrollador.

Además, funciona muy bien con otras herramientas que ya puede estar utilizando como MemberPress, WooCommerce, o su proveedor de servicios de correo electrónico.

En primer lugar, debes instalar y activar el plugin Formidable Forms. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Nota: Existe una versión gratuita limitada del plugin llamada Formidable Lite. Sin embargo, necesitarás la versión premium para desbloquear más características.

Tras la activación, debe visitar la página Formidable ” Ajustes globales para introducir la clave de licencia del plugin. Puede encontrar esta información en su cuenta en el sitio web de Formidable Forms.

Formidable Forms license key

A continuación, visite la página Formularios de Formidable.

Aquí, sólo tienes que hacer clic en el botón “Añadir nuevo” para crear tu formulario de seguimiento de fitness.

Create a new fitness tracking form

A continuación, se le pedirá que elija una plantilla para su formulario.

Hay un montón de plantillas que puede utilizar, pero para este tutorial vamos a empezar con un formulario en blanco.

Choose blank form template

A continuación, introduzca un nombre y una descripción para su formulario y haga clic en el botón “Crear”.

Esto iniciará el editor de arrastrar y soltar de Formularios Formidables. En la columna de la izquierda, verás un anuncio / catálogo / ficha de los campos de formulario que puedes añadir.

A su derecha, verá la vista previa del formulario. Como nuestro formulario está en blanco, no hay campos en la columna de vista previa.

Form builder interface

Cambiemos eso y añadamos los campos de formulario para nuestro rastreador de pérdida de peso.

Para este rastreador, añadiremos los siguientes campos de formulario.

  1. ID de usuario – Formidable Forms lo rellenará automáticamente para los usuarios conectados, de modo que los usuarios puedan ver su propio rendimiento.
  2. Fecha – Los usuarios podrán introducir la fecha en la que midieron su peso.
  3. Número – Cambiaremos el nombre de este campo a “Peso” y pediremos a los usuarios que introduzcan su peso en libras o kg.
Add form fields

Después de añadir los campos, basta con hacer clic en un campo para cambiar sus propiedades.

Por ejemplo, editamos el campo numérico para cambiar su etiqueta a “Peso” y proporcionamos instrucciones en la opción de descripción.

Edit the form field

Una vez que haya terminado de editar el formulario, haga clic en el botón “Actualizar” para guardarlo.

Save your form

Añadir Fitness Tracker en una entrada o página de WordPress

A continuación, añada el formulario de seguimiento del estado físico a su sitio web de WordPress.

Si utiliza MemberPress, puede editar la página “Cuenta”. También puedes crear una nueva página y restringirla a solo miembros. De esta manera los usuarios tendrán que acceder / necesario para introducir sus datos de fitness.

En la pantalla de edición de la página, sólo tiene que añadir el bloque “Formularios Formulables” a su página y elegir el rastreador de fitness que ha creado en el menú desplegable.

Formidable Forms block

Formidable Form mostrará ahora una vista previa de tu formulario en el editor de páginas. Puede seguir adelante y guardar los cambios.

Ahora puede acceder / acceder con una cuenta de usuario ficticia y rellenar algunas entradas / registros de prueba.

Live fitness tracker

Mostrar los datos del Fitness Form Tracker en WordPress

Formidable Forms hace que sea súper fácil mostrar los datos recogidos por sus formularios en su sitio web WordPress.

Puede elegir exactamente qué campos desea mostrar y visualizar los datos en gráficos y cuadros.

Simplemente edite la entrada o página donde desea mostrar los datos del formulario. Obviamente, si usted está usando MemberPress entonces usted quiere restringir esa página para que solo los usuarios conectados puedan ver sus propios datos de fitness.

A continuación, tendrá que añadir un shortcode a su página con el siguiente formato.

[frm-graph fields="22" y_title="Weight" x_axis="21" x_title="Date" type="line" title="Weight tracking" user_id="current" data_type="average"]

Este shortcode tiene los siguientes parámetros.

  • Campos – ID del campo que desea utilizar para mostrar los datos (en este caso, el campo de peso).
  • y_title – Título para el eje Y. En este caso usaremos Peso.
  • x_axis – ID del campo que desea utilizar en el x_axis. En este caso el campo fecha.
  • x_title – Título para el eje x. En este caso, utilizaremos Fecha.
  • user_id – ‘Actual’ para que solo los usuarios conectados puedan ver sus propios datos.

Puedes encontrar el ID de campo simplemente editando tu formulario de seguimiento de fitness. Verás el ID de cada campo en la vista previa del formulario.

Finding the field ID

Después de añadir el shortcode, no olvides guardar los cambios.

A continuación, debe acceder con la cuenta de usuario ficticia que utilizó anteriormente para añadir entradas / registros de prueba y visitar la página que acaba de crear.

Así se ve en nuestro sitio web de prueba:

Fitness tracker data chart

Creación de más herramientas de seguimiento del estado físico en WordPress

Formidable Forms es el maquetador de herramientas más avanzado para WordPress.

Además del formulario de seguimiento de pérdida de peso, también puedes utilizarlo para crear otros tipos de calculadoras y herramientas de fitness en línea.

Incluso viene con plantillas integradas para una calculadora de IMC que muestra un rango, una calculadora de ingesta diaria de calorías, un formulario de registro de ejercicio y mucho más.

Formidable Forms BMI calculator with range

Alternativa: Formidable Forms es la solución perfecta para construir rastreadores de fitness avanzados para sus clientes o miembros de la comunidad. Sin embargo, puede que solo necesite una calculadora de fitness simple para cálculos puntuales. En ese caso, recomendamos utilizar WPForms en su lugar.

WPForms es el maquetador de formularios más fácil de usar del mercado. Viene con plantillas de calculadoras pre-hechas para IMC, BMR, ingesta diaria de calorías, aumento de peso, proporción de cadera a cintura, y más. Si desea crear una calculadora de fitness en línea gratis para generar clientes potenciales, WPForms es una gran opción.

Esperamos que este artículo te haya ayudado a aprender cómo añadir fácilmente un rastreador de fitness en WordPress. Puede que también quieras ver nuestra selección experta del mejor software de chat en vivo para pequeñas empresas, o seguir nuestra guía completa de SEO en WordPress para conseguir más visitas gratuitas desde los motores de búsqueda.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

1 comentarioDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.