Añadir reservas de Barberly a WordPress

Añadir reservas de Barberly a WordPress

Esta guía te mostrará cómo integrar los widgets de reserva de Barberly con tu sitio web de WordPress, permitiendo que tus clientes reserven citas directamente desde tu web.

Requisitos previos

Antes de comenzar, asegúrate de tener:

• Un sitio web de WordPress con acceso de administrador
• Una cuenta de Barberly con al menos un widget de reserva creado
• Acceso al panel de administración de WordPress

Añadir el widget de Barberly a WordPress

La forma más sencilla de añadir widgets de reserva de Barberly a WordPress es usando el widget HTML incorporado o el bloque Custom HTML:

1. Obtén tu código de widget:

   • Inicia sesión en tu cuenta de Barberly en portal.barberly.com
   • Ve a Menú → Apps → Todos los widgets
   • Selecciona el widget que deseas usar
   • Copia el código de integración

2. Añade a una página/entrada de WordPress:

   • Edita la página de WordPress donde quieras añadir el widget de reserva
   • Para el editor de bloques (Gutenberg):
     1. Haz clic en el icono (+) para añadir un nuevo bloque
     2. Busca y selecciona “Custom HTML”
     3. Pega tu código de widget de Barberly en el bloque HTML
     4. Haz clic en “Actualizar” o “Publicar” para guardar los cambios
   • Para el editor clásico:
     1. Cambia a la pestaña “Texto” (vista HTML)
     2. Pega tu código de widget donde quieras que aparezca
     3. Haz clic en “Actualizar” o “Publicar” para guardar los cambios

3. Añade a la barra lateral de WordPress:

   • Ve a Apariencia → Widgets en tu panel de WordPress
   • Añade un widget “Custom HTML” al área de la barra lateral deseada
   • Pega tu código de widget de Barberly en el campo de contenido
   • Haz clic en “Guardar” para aplicar los cambios

Buenas prácticas para la integración con WordPress

1. Ubicación estratégica:
   • Añade un Botón de Reserva Online a tu menú principal o encabezado
   • Usa el widget Ventana Emergente de Reserva en páginas de servicios
   • Añade la Página de Reserva Integrada a una página dedicada “Reservar ahora”
   • Considera añadir una Barra Lateral de Reserva para acceso persistente

Solución de problemas comunes

• El widget no se muestra: Asegúrate de que tu tema de WordPress permite HTML y JavaScript personalizados
• Conflictos de estilo: Si el CSS de tu tema entra en conflicto con el estilo del widget, prueba con otro tipo de widget

Mantener tu integración actualizada

Cuando realices cambios en tus widgets de Barberly desde tu cuenta en portal.barberly.com, se actualizarán automáticamente en tu sitio de WordPress sin pasos adicionales. El código del widget permanece igual incluso si modificas ajustes como colores, texto o estilos.