Centro de Ayuda - Reserva de Hamacas

El widget de reservas permite a tus clientes hacer reservas directamente desde tu página web.

Obtener el código

Ve a Configuración > Widget
Copia el código de integración
Tu clientId único ya está incluido

Opciones de integración

Opción 1: Página completa (recomendado)

El widget ocupa toda la página, ideal para una experiencia de reserva dedicada.

<!-- Añade esto en el <head> de tu página -->
<script src="https://widget.reservadehamacas.com/embed.js"></script>

<!-- Añade esto donde quieras el widget -->
<div id="reserva-hamacas-widget"></div>

<script>
  ReservaHamacas.init({
    clientId: 'TU_CLIENT_ID',
    container: '#reserva-hamacas-widget'
  });
</script>
Selecciona para copiar

Opción 2: Botón flotante

Un botón que abre el widget en un modal.

<script src="https://widget.reservadehamacas.com/embed.js"></script>

<script>
  ReservaHamacas.init({
    clientId: 'TU_CLIENT_ID',
    mode: 'floating-button',
    buttonText: 'Reservar Hamaca',
    buttonPosition: 'bottom-right'
  });
</script>
Selecciona para copiar

Opción 3: Enlace directo

Envía a tus clientes directamente a la página de reservas:

https://reserva.reservadehamacas.com/TU_CLIENT_ID
Selecciona para copiar

Úsalo en:

Emails
Redes sociales
QR codes impresos

Integraciones específicas

WordPress

Instala el plugin "Insert Headers and Footers" (o similar)
Pega el código del widget en la sección de footer
Crea una página nueva para reservas
Añade el <div> del contenedor

También puedes usar un bloque HTML personalizado en el editor de bloques.

Wix

Ve al editor de tu sitio
Añade un elemento "Embed" > "HTML personalizado"
Pega el código completo del widget
Ajusta el tamaño del contenedor

Squarespace

Ve a la página donde quieres el widget
Añade un bloque de "Código"
Pega el código del widget
Guarda y publica

Shopify

Ve a Tienda online > Páginas
Crea una nueva página
Cambia al editor HTML
Pega el código del widget

Verificar la instalación

Visita la página donde instalaste el widget
Deberías ver el calendario de reservas
Prueba a hacer una reserva de prueba

Solución de problemas

El widget no aparece

Verifica que el clientId es correcto
Comprueba la consola del navegador (F12) por errores
Asegúrate de que el contenedor existe en el HTML

El widget aparece pero no carga datos

Verifica que tu cuenta está activa
Comprueba que tienes al menos una zona publicada
Revisa que tienes hamacas disponibles

Error de CORS

El widget debe cargarse desde un dominio público
No funciona abriendo el archivo HTML directamente (file://)

Requisitos técnicos

Requisito	Mínimo
JavaScript	Habilitado
HTTPS	Recomendado
Navegadores	Chrome, Firefox, Safari, Edge (últimas 2 versiones)

Siguiente paso

Aprende a personalizar el widget con colores y opciones.

Instalación del widget