Cómo crear un sistema de reserva de citas de WordPress con el complemento Amelia

¬ŅEst√° buscando una manera de comenzar a aceptar reservas de citas en su sitio de WordPress? En lugar de tratar de hackear las cosas usted mismo, usar un complemento de reserva de WordPress dedicado puede tenerlo en funcionamiento con un sistema de trabajo en muy poco tiempo.

Pero incluso con un complemento dedicado, configurar todos los peque√Īos detalles a√ļn puede ser una molestia.

Para ayudar, le mostraré cómo crear un sistema de reserva de WordPress utilizando el complemento Amelia.

El complemento Amelia viene en una versión gratuita y premium. Para este tutorial, voy a usar la versión gratuita, lo que significa que podrá seguir todos los pasos de esta guía sin gastar un solo centavo.

Luego, al final de esta publicación, compartiré algunas de las razones por las que es posible que desee considerar la versión Pro.

Vamos a reservar …

Lo que necesitar√° para crear un sitio web de reservas de WordPress

Para comenzar, voy a asumir que ya tienes un sitio de WordPress en funcionamiento. Si usted, necesitará elige un alojamiento de WordPress y elige un nombre de dominio. Luego, puede seguir los pasos en nuestro comienzo una guía de blog para configurar ().

Una vez que tenga su sitio de WordPress en funcionamiento, todo lo que necesitar√° agregar es el complemento Amelia.

A diferencia de muchos complementos de reserva de WordPress que est√°n dirigidos a desarrolladores que desean poder personalizar cada peque√Īo detalle, Amelia est√° dise√Īada para funcionar de inmediato y lucir genial con cualquier tema.

Entonces, con muy pocos ajustes (), tendrá un sistema atractivo donde los visitantes de su sitio pueden reservar citas. Y luego también podrá administrar esas citas desde su panel de WordPress.

Para darle una idea de lo que va a construir, aquí hay un ejemplo de cómo se vería su formulario de reserva:

Y aquí está el área de back-end donde podrá administrar todas sus citas:

Ejemplo de formulario de reserva de Amelia Back End

Nuevamente, Amelia funcionará con cualquier tema de WordPress, por lo que no necesita tomar ninguna decisión especial allí, ni tendrá que usar CSS personalizado para que su funcionalidad de reserva se vea bien.

En cambio, puede usar su tema preferido de WordPress y luego simplemente editar las opciones de estilo de Amelia para que coincida con el aspecto de su tema.

Cómo crear un sistema de reservas de WordPress: paso a paso

Para este tutorial paso a paso, usaré la versión gratuita del complemento que está disponible en WordPress.org.

La versión gratuita de Amelia es una buena opción si usted:

  • Son la √ļnica persona que necesita aceptar reservas (Lite no tiene una funci√≥n de Empleados)
  • Est√°n de acuerdo con no Tener acceso a muchas de las caracter√≠sticas (pero no)

Dirígete aquí para obtener más información sobre la versión gratuita.

Si necesita exceder esos límites, la versión paga elimina todas esas restricciones y agrega una variedad de otras características, que discutiremos más adelante.

Sin embargo, los mismos pasos básicos de configuración se aplican a ambas versiones, por lo que podrá seguir este tutorial sin importar qué.

¬ŅListo para comenzar? ¬°Vamos a sumergirnos!

Paso 1: Instale su versión preferida de Amelia

Para comenzar, deber√° instalar y activar el complemento Amelia en su sitio.

Si est√° utilizando la versi√≥n gratuita de Amelia (), puede hacerlo directamente desde su panel de WordPress yendo a Complementos ‚Üí Agregar nuevo y buscando “Amelia Lite”:

Buscar Amelia Lite

Paso 2: Configura detalles b√°sicos, como tus horarios de apertura

Una vez que haya instalado y activado el complemento, vaya a Amelia → Configuración para configurar los ajustes básicos para la funcionalidad de reserva de su cita.

Aquí verá una lista de categorías:

Configuración de Amelia Lista de categorías

Muchas de estas configuraciones están reservadas para la versión Pro, pero esto es lo que querrá configurar sin importar qué.

Primero, haga clic en el Empresa detalles e ingrese información sobre su empresa:

Haga clic en Configuración de la empresa

A continuación, ve al Horas de trabajo y días libres ajustes Esta configuración le permite definir cuándo está disponible para reservar citas.

Puedes usar el Agregar descanso botón para configurar diferentes bloques de tiempo de trabajo. Por ejemplo, podrías ser:

  • Disponible para citas en la ma√Īana.
  • T√≥mese una hora libre para el almuerzo.
  • Estar disponible para citas nuevamente por la tarde
Uso de la función Agregar descanso

Eso es todo lo que hay que configurar.

Paso 3: cree los servicios que desea que las personas puedan reservar

A continuación, deberá crear los servicios que desea que estén disponibles para reservar. La versión gratuita te permite agregar servicios ilimitados.

Para crear su primer servicio, vaya a Amelia ‚Üí Servicios.

Primero, deberá crear una categoría para sus servicios. Para mi ejemplo de entrenador personal, las categorías podrían ser:

  • Rutina de ejercicio
  • Consulta
  • Nutrici√≥n
  • Etc.
Crea tu primer servicio

Una vez que haya creado una categoría, puede hacer clic en + Agregar servicio botón para abrir la nueva interfaz de servicio:

Agregar servicio a la interfaz de servicio abierto

En esta interfaz, configure la siguiente informaci√≥n en el Detalles del servicio leng√ľeta:

  • Nombre – El nombre p√ļblico del servicio.
  • Categor√≠a – La categor√≠a a la que pertenece el servicio.
  • Duraci√≥n – Cu√°nto dura una sesi√≥n.
  • Precio – El precio de una sesi√≥n.

También puede agregar una imagen para su servicio (en la parte superior) y una descripción de texto (en la parte inferior):

Agregar imagen y detalles para un servicio

Una vez que hayas terminado, Salvar tu servicio.

Si es necesario, puede repetir los mismos pasos para crear hasta tres servicios adicionales m√°s para que las personas reserven.

Paso 4: incrustar el formulario de reserva de cita

Una vez que haya terminado de agregar sus servicios, estar√° listo para insertar el formulario de reserva inicial que los visitantes de su sitio web usar√°n para hacer citas.

Para hacerlo, vaya a la publicación o página donde desea incluir su formulario ().

Entonces, busque el Insertar código abreviado de reserva Amelia botón en la barra de herramientas del editor:

Insertar código abreviado de reserva Amelia

En la ventana emergente, haga clic en Okay para insertar el shortcode.

También puede agregar texto adicional alrededor de su formulario de reserva si lo desea. Aquí hay un ejemplo de cómo se vería:

Texto adicional para alrededor del ejemplo de shortcode

Si est√° utilizando el nuevo editor de bloques de WordPress (tambi√©n conocido como “Gutenberg”), puede insertar su formulario de reserva agregando el [ameliabooking] shortcode a un C√≥digo corto bloquear:

Incrustar versión de Gutenberg de código corto

Aquí hay un ejemplo de cómo se verá el formulario en vivo después de publicar o actualizar la página:

Ejemplo de formulario en vivo una vez que publique

Experiencia de reserva de citas: perspectiva del visitante

En este punto, sus visitantes están listos para comenzar a reservar citas. Así es como funcionará el flujo desde su final.

Primero, elegirán la fecha deseada para la cita de la lista de días disponibles.

Una vez que eligen una fecha, aparecer√° una lista de franjas horarias disponibles para esa fecha:

Perspectiva del visitante Elija una fecha y hora disponible

Una vez que seleccionan un intervalo de tiempo y hacen clic Seguir, su visitante podr√° ingresar sus datos y confirmar la cita:

Ingrese los detalles para confirmar la cita

Una vez que hacen clic Confirmar, verán una pantalla de confirmación. Además, tanto usted como ellos recibirán un correo electrónico de confirmación para la cita:

Confirmación de reserva

En la versión Lite también puedes configurar Notificaciones de citas por SMS para clientes.

Experiencia de reserva de citas: perspectiva del webmaster

Viste c√≥mo funciona para los visitantes reservar una cita, pero ¬Ņqu√© hay de ti? ¬ŅC√≥mo puedo gestionar citas?

Para facilitar las cosas, Amelia le ofrece dos formas diferentes de administrar las citas.

Primero, hay un vista de la lista, que le proporciona una lista de todas las citas para un determinado intervalo de fechas. Puede acceder a esta vista yendo a Amelia ‚Üí Nombramientos:

Citas de vista de lista de perspectiva para webmasters

Luego, también está el vista de calendario, que le da una visión más visual de las franjas horarias reservadas. Puede acceder a esta vista yendo a Amelia → Calendario:

Ver citas del calendario

Desde ambas vistas, también puedes Editar una cita para abrir una barra lateral donde puede ajustar varios detalles:

Editar cita en la barra lateral

Tambi√©n puede crear citas manualmente desde el back-end, lo que es √ļtil si a√ļn desea poder aceptar reservas por tel√©fono o en persona e integrar esas reservas en su sistema general.

Una gran razón para considerar Amelia Pro

Como viste anteriormente, la versi√≥n gratuita de Amelia es capaz de crear un sitio de reserva que funcione …

Sin embargo, hay algunas razones muy reales para considerar ir a Pro.

M√°s funcionalidad

En segundo lugar, la versión Pro generalmente agrega mucha más funcionalidad.

Estas son algunas de las nuevas funciones a las que puede acceder:

  • Pagos en l√≠nea a trav√©s de PayPal, Stripe o WooCommerce para permitir que las personas paguen su cita en l√≠nea
  • C√≥digos de cup√≥n para ofrecer descuentos promocionales en reservas
  • Integraci√≥n de Google Calendar sincronizar reservas de citas con su Google Calendar ()
  • La habilidad para marcar ciertos d√≠as como “apagado” ()
  • Una opci√≥n para agregar diferente ubicaciones, lo que es √ļtil si las personas pueden reservar servicios en diferentes ubicaciones f√≠sicas
  • Opciones de personalizaci√≥n de estilo para que coincida con su formulario de reserva con su sitio web
  • A√Īadir Empleados
  • Una opci√≥n para dar a los empleados o clientes su propia cuenta de WordPress, que les permite administrar sus propias citas desde el backend
  • Informes m√°s detallados, como la posibilidad de ver la tasa de conversi√≥n de sus formularios de cita
  • Notificaciones de citas por SMS tanto para clientes como para empleados
  • M√°s notificaciones por correo electr√≥nico, como una opci√≥n para enviar un mensaje a los clientes en sus cumplea√Īos
  • Apoya horarios de servicios personalizadosy d√≠as especiales, permitiendo flexibilidad total para la configuraci√≥n del horario.

Todas esas caracter√≠sticas ayudan de dos maneras principales …

Primero, lo ayudan a ofrecer una mejor experiencia de usuario, como permitir que los clientes paguen sus citas en línea y administrar sus citas con su propia cuenta.

En segundo lugar, también hacen que sea más conveniente administrar su sitio y sus citas. Por ejemplo, podrá usar Google Calendar o puede enviar una notificación por SMS antes de que una cita comience a reducir su tasa de no presentación.

La versi√≥n Pro solo cuesta $ 59 por una licencia de sitio √ļnico con actualizaciones de por vida, que es un peque√Īo precio a pagar por las funciones adicionales y el uso ilimitado.

Reflexiones finales sobre el complemento de reserva de Amelia WordPress

Para un no desarrollador, Amelia es definitivamente uno de los mejores complementos de reserva de citas para usar debido a lo f√°cil que es ponerlo en funcionamiento.

Independientemente de la versi√≥n que utilice, ofrece una interfaz bien dise√Īada de inmediato.

Es posible que a los desarrolladores de WordPress no les guste tanto porque no ofrece tantos “ajustes b√°sicos”. Pero si no planeaba usar su propio c√≥digo personalizado de todos modos, Amelia le permite controlar la configuraci√≥n m√°s importante a trav√©s de su panel de control.

La versión gratuita es funcional en caso de necesidad, pero se está perdiendo muchas de las mejores características, y los límites pueden interferir con las necesidades de su negocio.

Para una mejor experiencia tanto para usted como para sus clientes, considere actualizar a la versión Pro para acceder a todas las características y funcionalidades.

Reserva de citas con el complemento de Amelia