🏖Beach Flag

Beach Flag Widget Demo

Widget embebible para hoteles: muestra bandera, riesgo de corriente, oleaje, temperatura del agua y próxima marea usando tu API en Railway.

Demo en vivo

A continuación se renderizan dos widgets reales usando el mismo script público.

Inglés

Español

Embed en 3 pasos

  1. Copia el script global una sola vez en la página del hotel.
  2. Agrega un contenedor con data-beach y, si quieres, data-lang="es".
  3. Publica la página. El widget se actualizará automáticamente sin mantenimiento del hotel.
<script src="https://beach-flag-dashboard.vercel.app/widget.js" defer></script>
<div data-beach-widget data-beach="clearwater-beach" data-lang="es"></div>

Atributos disponibles

  • data-beach (requerido): id de playa, ej. clearwater-beach.
  • data-lang (opcional): en | es.
  • data-refresh-ms (opcional): intervalo de actualización en milisegundos.
  • data-api-base (opcional): override de API para QA/staging.