Añadir reservas de Barberly a Wix

Añadir reservas de Barberly a tu sitio Wix

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

Requisitos previos

Antes de comenzar, asegúrate de tener:

• Un sitio web de Wix con acceso de edición
• Una cuenta de Barberly con al menos un widget de reserva creado

Añadir el widget de Barberly a Wix

La forma más sencilla de añadir widgets de reserva de Barberly a Wix es usando el elemento HTML Embed:

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 Wix usando HTML Embed:

   • Abre tu sitio Wix en el Editor
   • Haz clic en el botón “Añadir” (+) en la barra lateral izquierda
   • Selecciona “Insertar” y luego “iframe HTML”
   • Haz clic en “Introducir código” en el panel de configuración
   • Pega tu código de widget de Barberly
   • Haz clic en “Actualizar” para guardar los cambios
   • Redimensiona y posiciona el elemento según sea necesario

3. Publica tu sitio web:

   • Haz clic en “Publicar” en la esquina superior derecha del Editor de Wix
   • Tu widget de reserva de Barberly ya está activo en tu sitio web

Buenas prácticas para la integración con Wix

1. Ubicación estratégica del widget:

   • Botón de Reserva Online: Añade en el encabezado, menú de navegación o como botón flotante
   • Página de Reserva Integrada: Crea una página dedicada “Reservar ahora”
   • Ventana Emergente de Reserva: Añade en páginas de servicios o en la página principal
   • Barra Lateral de Reserva: Úsala en todo el sitio para acceso persistente a la reserva

2. Adaptabilidad móvil:

   • Prueba tus widgets en dispositivos móviles usando el editor móvil de Wix
   • Ajusta el tamaño y la posición para una visualización óptima en móvil

3. Armonización de diseño:

   • Personaliza los colores de tu widget de Barberly para que coincidan con el diseño de tu sitio Wix

Solución de problemas comunes

• El widget no se muestra: Asegúrate de que tu plantilla de Wix permite HTML y JavaScript personalizados
• Problemas de tamaño o posición: Puede que necesites redimensionar el elemento iframe HTML en el editor de Wix
• Conflictos con el editor de Wix: Si los cambios no aparecen en el editor, publica tu sitio y revísalo en vivo para confirmar que el widget funciona correctamente

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 Wix sin pasos adicionales. El código del widget permanece igual incluso si modificas ajustes como colores, texto o estilos.