Comienza con un plugin de calendario de reservas gratuito en WordPress

Hoy, voy a mostrarte cómo usar el plugin Easy Appointments para WordPress para crear un sistema de reserva de citas. Comenzaremos explorando la configuración básica proporcionada por este plugin, y más adelante, veremos un ejemplo del mundo real paso a paso para construir un completo sistema de reserva.

Con Independencia de la profesión, un sistema de reserva de citas online es imprescindible a día de hoy para proporcionar comodidad y flexibilidad a los clientes. No solo eso, sino que además mejora el aprovechamiento general de los recursos para los proveedores de servicios. Por lo tanto, el beneficio de establecer un eficaz sistema de reserva de citas online es doble: los clientes tienen la opción de reservar un hueco que les venga bien, y los proveedores de servicios reciben ayuda para planificar su tiempo.

Hoy, vamos a ver cómo configurar un sistema de reserva de citas con WordPress. Si estás usando un sitio web de WordPress, y tienes curiosidad por saber cómo construir un sistema de reservas para tu sitio web, ¡estás en el lugar correcto!

Como desarrollador de WordPress, tienes el lujo de elegir el plugin que más desees entre una amplia gama de plugins gratuitos disponibles en el repositorio de plugins de WordPress. Del mismo modo, también encontrarás gran cantidad de plugins para el sistema de calendario de reservas. Para este artículo, he escogido uno de los mejores plugins gratuitos de la categoría, Easy Appointments, y te mostraré cómo usarlo.

Para este artículo, he utilizado WordPress 5.1, y la versión 2.3.12 del plugin Easy Appointments. Te recomiendo que lo instales si deseas seguir con este artículo. Para instalar el plugin Easy Appointments, simplemente sigue el proceso estándar de instalación.

A continuación, exploraremos los conceptos básicos del plugin Easy Appointments junto con el proceso de configuración. Después, construiremos un ejemplo del mundo real que demostrará el uso de este plugin. Mientras tanto, también repasaremos algunos importantes aspectos de este plugin que te permitirán personalizar un sistema de reservas.

¿Qué es el plugin Easy Appointments?

El plugin Easy Appointments es uno de los mejores plugins gratuitos dentro de esta categoría. Te permite configurar fácilmente un sistema para gestionar del tiempo. Se puede utilizar para casi cualquier profesión como por ejemplo médicos, entrenadores personales, tutores personales, o similares que quieran reservar citas.

Echemos un vistazo rápido a las características que proporciona:

• múltiples ubicaciones
• múltiples servicios
• múltiples trabajadores
• crear franjas horarias proporcionando una combinación de ubicación, servicio y proveedor
• crear un calendario dedicado para un servicio específico
• notificaciones por correo electrónico y personalización relacionada
• soporte de diseño responsivo para el formulario de reserva de citas
• los campos personalizados admiten la recopilación de información adicional
• informes en el back-end para proporcionar una visión general de la tabla de tiempo
  

Como puedes ver, este plugin se puede utilizar para una variedad de servicios, y puede convertirse en un eficaz sistema de reserva si lo utilizas sabiamente.

En la siguiente sección, discutiremos un par de elementos principales de este plugin que es importante entender en primer lugar si deseas utilizarlo de manera eficaz.

Ubicación, servicios, trabajadores y conexiones

El plugin Easy Appointments es diferente en un sentido en comparación con otros plugins de reserva, ya que te permite crear franjas horarias asociadas a una combinación concreta de ubicación, servicio y trabajador.

Explicado brevemente, funciona así:

• Un usuario selecciona una ubicación en el cuadro desplegable.
• Cuando un usuario elige una ubicación específica, verá todos los servicios disponibles para esa ubicación concreta.
• A continuación, cuando un usuario selecciona un servicio concreto, obtendrá un listado de todos los trabajadores disponibles para ese servicio y todas las franjas horarias posibles para la reserva.
• Por último, ¡el usuario sólo tiene que rellenar la información requerida y confirmar la reserva!

Ahora, vamos a repasar rápidamente cada elemento.

Ubicaciones

En primer lugar, debes añadir en el sistema las ubicaciones en las que tengas la intención de proporcionar tus servicios. Por ejemplo, si deseas restringir tus servicios a determinadas ciudades, deberías añadirlas en el back-end.

Servicios

Una vez hayas añadido ubicaciones, el siguiente paso consiste en añadir servicios según tus necesidades. Por supuesto, puedes crear diferentes servicios para diferentes ubicaciones.

Trabajadores

Por último, después de crear ubicaciones y servicios, es el momento de añadir trabajadores que realmente estarán sirviendo a los clientes según las reservas asignadas a ellos.

Conexiones

Una conexión te permite crear intervalos de tiempo combinando conjuntamente una ubicación, un servicio y un trabajador. Al crear una nueva conexión, también debes seleccionar los días de la semana y las horas a las que se aplica la conexión. No te preocupes si esto suena un poco confuso, tendrá sentido cuando construyamos un ejemplo del mundo real en la siguiente sección.

Un ejemplo real del uso del plugin Easy Appointments

En esta sección, crearemos un ejemplo del mundo real para demostrar cómo podrías usar el plugin Easy Appointments.

Antes de continuar, asegúrate de haber instalado el plugin Easy Appointments en tu sitio de WordPress si quieres seguir el tutorial. Una vez hayas instalado el plugin Easy Appointments, este añadirá enlaces relacionados con el plugin a la barra lateral izquierda del escritorio de WordPress.

Imagina que queremos construir un sistema de citas para una clínica dental en la ciudad de Nueva York. En este caso, la ciudad de Nueva York se considera una entidad de ubicación. A continuación, añadiremos un chequeo dental de rutina como servicio. Y por último, agregaremos un par de médicos que pueden recibir reservas entre semana.

Añadir una ubicación

En primer lugar, necesitamos añadir todas las ubicaciones. En nuestro caso, añadiremos la ciudad de Nueva York como la ubicación de nuestra servicio. Haz clic en el enlace Easy Appointments > Settings > Locations que debería llevarte a la página que lista ubicaciones.

Haz clic en el botón Add New Location (añadir nueva ubicación) e introduce los detalles relacionados con la ciudad de Nueva York, como se muestra en la siguiente captura de pantalla.

En nuestro ejemplo, hemos considerado sólo la ciudad de Nueva York, pero por supuesto, podrías seguir adelante y añadir tantas ubicaciones como desees.

Añadir un servicio

A continuación, tenemos que añadir los servicios que queremos proporcionar en nuestro sitio de reservas. En nuestro ejemplo, vamos a proporcionar el servicio de chequeo dental rutinario.

Haz clic en el enlace Easy Appointments > Settings > Services, debería llevarte a la página que lista los servicios. Haz clic en el botón Add New (añadir nuevo servicio) e introduce los detalles relacionados con nuestro servicio como se muestra en la siguiente captura de pantalla.

Rellena los campos de texto Duration (duración) y Slot Step (paso de ranura) con 60 y de momento guárdalos. El campo Duration indica la duración de una cita para ese servicio y Slot Step indica el inicio del siguiente servicio disponible. Volveremos a esto más adelante.

Añadir un trabajador

Por último, tendremos que añadir los médicos que estarán disponibles para el chequeo. Haz clic en el enlace Easy Appointments > Settings > Workers, debería llevarte a la página que lista los trabajadores. Haz clic en el botón Add New Worker (añadir nuevo trabajador) e introduce los detalles de un médico como se muestra en la siguiente captura de pantalla.

Voy a añadir algunos más, tú también podrías repetir el proceso para añadir más médicos.

Crear una conexión

Hasta ahora, hemos añadido ubicaciones, servicios y médicos. Ahora, es el momento de vincular unos con otros y crear una conexión que se pueda utilizar para la reserva.

Sigue adelante y haz clic en el enlace Easy Appointments > Settings > Connections, debería llevarte a la página que lista las conexiones. Haz clic en el botón Add New Connection (añadir nueva conexión) para crear una nueva conexión como se muestra en la siguiente captura de pantalla.

En primer lugar, selecciona la ubicación, el servicio y el trabajador en los menús desplegables correspondientes que desee vincular. Yo he seleccionado la ciudad de Nueva York en el menú desplegable Location (ubicación), el servicio de chequeo dental rutinario en el menú desplegable Service (servicio) y el trabajador Dr. John Smith en el desplegable Worker (trabajador).

A continuación, selecciona qué días de la semana está disponible este servicio. Además de eso, puedes seleccionar la hora de inicio y la hora de finalización para la disponibilidad del servicio. Asegúrate de establecer el campo Is Working (está en funcionamiento) en Yes (sí) para activar esta conexión, de lo contrario no se mostrará en el front-end. Una vez que todo esté lleno, siga adelante guarde la conexión. En la siguiente sección, veremos cómo mostrar el calendario de reservas para la conexión que acabamos de crear.

Integra el calendario de reservas en tu página

Una vez hayas creado una conexión, debes usar el shortcode para mostrar el formulario de reserva. Puedes insertar el siguiente código en tu entrada o página para mostrar el formulario de reserva.

1

[ea_bootstrap]

Y con esto en su sitio, deberías poder ver el formulario de reserva tal y como se muestra en la siguiente captura de pantalla.

Como puedes ver, hay un calendario que muestra todas las franjas horarias disponibles para la conexión que acabamos de crear. Si puedes recordar, hemos seleccionado un intervalo de tiempo de una hora para el servicio, por lo tanto los usuarios podrán seleccionar entre ocho franjas horarias distintas en cada día laborable. No podrás reservar el fin de semana y esos días aparecerán atenuados.

Una vez que un usuario seleccione una franja horaria, será dirigido a la sección Booking Overview (vista general de la reserva). Allí podrán introducir sus datos para confirmar la reserva.

En el back-end, podrás ver todas las reservas que se hicieron para todas las conexiones. Además, el sistema envía notificaciones por correo electrónico cada vez que se realiza una reserva. Si la reserva no está disponible para ninguna ranura, se mostrará como tal y como puedes ver en la siguiente captura de pantalla.

Como ves, las ranuras reservadas están atenuadas y no se podrá hacer clic sobre ellas.

Así es como se puede configurar un sistema de reserva de citas utilizando este plugin. Además, existen otros plugins disponibles para ampliar la funcionalidad predeterminada de este e integrar servicios como PayPal, Twillio, iCalendar y Google Calendar.

Si utilizas sabiamente esta extensión, te permitirá construir un increíble sistema de reserva.

Conclusión

Hoy, hemos repasado el plugin Easy Appointments que te permite construir fácilmente un sistema de reserva de citas. En la primera parte, expliqué los conceptos básicos del plugin y más tarde creamos un ejemplo del mundo real como demostración.

¡Me encantaría saber de si has encontrado otros buenos plugins de calendario o de reserva! Siéntete libre y comparte con nosotros tu opinión dejando un comentario en el feed que viene a continuación.