Botón de reservas
para tu web

Añade un botón que permite a tus clientes reservar cita directamente desde tu web, en 30 segundos.

Cómo instalarlo
Así se ve el botón flotante en tu web
⚡
Una línea de código
Pega un <script> y listo. No necesitas tocar el backend ni instalar nada.
📱
Mobile-first
El wizard de reservas está optimizado para móvil. Tus clientes pueden reservar desde el teléfono sin fricción.
🎨
Personalizable
Cambia color, posición, texto y modo de aparición con atributos HTML simples.
🔒
Sin cookies, sin rastreo
El widget no añade analytics ni cookies de terceros. Cumple con RGPD.
Instalación en 3 pasos
Compatible con cualquier web: WordPress, Wix, Squarespace, HTML puro…
1

Obtén el slug de tu negocio

En Ajustes → General, copia el slug de tu organización (por ejemplo mi-salon).

2

Pega este código en tu web

Añade el script justo antes de </body>. Cambia TU-SLUG por el slug de tu negocio.

3

¡Listo!

El botón aparece automáticamente en la esquina de tu web. Tus clientes pueden reservar al instante.

Ejemplos de código

Vista previa — así verán tus clientes el botón en tu web

Botón flotante (el más habitual) — aparece fijo en la esquina de la pantalla:

HTML
<!-- Botón flotante de reservas Citeri -->
<script
  src="/lib/widget.js"
  data-org="TU-SLUG"
  data-label="📅 Reservar cita"
  data-color="#000000"
  data-position="bottom-right"
></script>

Botón inline — aparece dentro de un elemento de tu web:

HTML
<!-- Contenedor donde aparecerá el botón -->
<div id="mi-boton-reserva"></div>

<script
  src="/lib/widget.js"
  data-org="TU-SLUG"
  data-mode="inline"
  data-target="#mi-boton-reserva"
  data-label="Reservar ahora"
  data-color="#e63946"
></script>

Enlace simple — reemplaza el <script> con un link estándar:

HTML
<script
  src="/lib/widget.js"
  data-org="TU-SLUG"
  data-mode="button"
  data-label="📅 Reservar cita"
  data-color="#000000"
></script>
Opciones disponibles
AtributoDescripciónValoresPor defecto
data-org Requerido. Slug de tu organización en Citeri. Texto —
data-label Texto del botón. Texto 📅 Reservar cita
data-color Color de fondo del botón (hex CSS). Color hex #000000
data-position Posición del botón flotante. bottom-right bottom-left top-right top-left bottom-right
data-mode Modo de aparición del botón. floating (fijo en esquina), inline (dentro de contenedor), button (reemplaza el script) floating
data-target Selector CSS del contenedor (solo con data-mode="inline"). Selector CSS —

Empieza ahora

Tu página de reservas está lista. Solo necesitas el slug de tu negocio.

Ver mi slug →