Añadir reservas de Barberly a Squarespace
Cómo integrar los widgets de reserva de Barberly en tu sitio web de Squarespace para barberías y salones.
Añadir reservas de Barberly a Squarespace
Esta guía te ayudará a integrar los widgets de reserva de Barberly con tu sitio web de Squarespace, permitiendo que los clientes reserven citas con tu barbería o salón directamente desde tu web.
Requisitos previos
Antes de comenzar, asegúrate de tener:
- Un sitio web de Squarespace con acceso de edición
- Una cuenta de Barberly con al menos un widget de reserva creado
Añadir el widget de Barberly a Squarespace
La forma más sencilla de añadir widgets de reserva de Barberly a Squarespace es usando el bloque de código:
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
Añade a la página de Squarespace:
- Inicia sesión en tu cuenta de Squarespace y abre el editor de páginas
- Haz clic en el icono “+” donde quieras añadir el widget de reserva
- Busca y selecciona “Código” de la lista de bloques
- Haz clic en la opción “</> Código”
- Pega tu código de widget de Barberly en el editor de código
- Haz clic en “Aplicar” para guardar
- Guarda y publica tu página
Buenas prácticas para la integración con Squarespace
Ubicación estratégica del widget:
- Botón de Reserva Online: Añade en el encabezado, área de navegación o destacado en la página principal
- Página de Reserva Integrada: Crea una página dedicada “Reservar ahora” o “Citas”
- Ventana Emergente de Reserva: Añade en páginas de servicios para fomentar reservas inmediatas
- Barra Lateral de Reserva: Considera para acceso a reservas en todo el sitio
Consistencia de diseño:
- Personaliza tus widgets de Barberly para que coincidan con los colores de tu plantilla de Squarespace
- Mantén un estilo de botón consistente entre los botones nativos de Squarespace y los de Barberly
Optimización móvil:
- Previsualiza tus widgets en dispositivos móviles usando la función de vista previa de Squarespace
- Prueba el flujo de reserva tanto en escritorio como en móvil
Solución de problemas comunes
- El widget no se muestra: Asegúrate de que tu plantilla de Squarespace permite código personalizado. Algunas plantillas pueden tener restricciones.
- Limitaciones en modo vista previa: Algunos elementos incrustados pueden no mostrarse correctamente en modo vista previa. Revisa siempre el sitio publicado.
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 Squarespace sin pasos adicionales. El código del widget permanece igual incluso si modificas ajustes como colores, texto o estilos.