Citeri Integraciones
Reservas en tu web
Cada negocio de Citeri tiene una página de reserva pública. Puedes enlazarla, abrirla en una ventana con el widget o incrustarla, sin credenciales y sin programar el calendario.
El enlace de reserva#
Necesitas el slug del negocio, el identificador que aparece en su enlace (por ejemplo gapink-nails). El titular lo ve en su panel.
https://citeri.app/book/?org=SLUG| Parámetro | Qué hace |
|---|---|
org | Obligatorio. Slug del negocio. |
loc | Opcional. Id del local (de locations) para negocios con varios locales. |
service | Opcional. Id de un servicio: abre directamente su reserva. |
https://citeri.app/book/?org=pruebas-panel&service=b2200000-0000-4000-8200-000000000005También puedes obtener el enlace oficial de un negocio por API:
curl https://citeri.app/api/book/pruebas-panel/urlconst { booking_url } = await fetch("https://citeri.app/api/book/pruebas-panel/url").then((r) => r.json());import requests
print(requests.get("https://citeri.app/api/book/pruebas-panel/url", timeout=10).json()["booking_url"])En el iPhone, si la clienta tiene la app de Citeri, el enlace se abre directamente en la app (universal links). En el móvil sin app se abre la versión web de la app de clientas.
Widget: botón o ventana flotante#
Pega este código antes de </body>. Añade un botón que abre la reserva en una ventana sobre tu web, sin salir de ella.
<script src="https://citeri.es/lib/widget.js"
data-org="SLUG"
data-mode="floating"
data-label="Reservar cita"
data-color="#5a48ee"
data-position="bottom-right"></script>| Atributo | Valores | Por defecto |
|---|---|---|
data-org | Slug del negocio. Obligatorio. | — |
data-mode | floating: botón fijo en una esquina que abre una ventana.inline: botón dentro de un elemento tuyo que abre la ventana.button: sustituye el script por un enlace que abre la reserva en otra pestaña. | floating |
data-label | Texto del botón. | 📅 Reservar cita |
data-color | Color de fondo del botón (CSS). | #000000 |
data-position | Solo en floating: bottom-right, bottom-left, top-right, top-left. | bottom-right |
data-target | Solo en inline: selector CSS del elemento donde va el botón. | — |
<div id="citeri-booking"></div>
<script src="https://citeri.es/lib/widget.js"
data-org="SLUG"
data-mode="inline"
data-target="#citeri-booking"></script>La ventana se cierra con la ✕, haciendo clic fuera o con Esc. El widget no envía eventos a tu página.
Incrustar con iframe#
Si prefieres la reserva dentro de la página, sin ventana:
<iframe
src="https://citeri.app/book/?org=SLUG"
title="Reservar cita"
style="width:100%;min-height:780px;border:0;border-radius:16px"
allow="payment"
loading="lazy"></iframe>- La página de reserva permite que la incrusten otras webs (
frame-ancestors *). allow="payment"deja usar Apple Pay y Google Pay cuando el negocio cobra una señal.- La altura no se ajusta sola: reserva al menos 780 px.
En el móvil, algunos navegadores limitan el inicio de sesión dentro de un iframe de otra web. Para móvil recomendamos el enlace o el modo button.
Código QR#
Un QR en SVG que lleva al enlace de reserva, listo para imprimir en el mostrador o en una tarjeta:
<img src="https://citeri.app/api/book/SLUG/qr" alt="Reserva tu cita" width="200" height="200">Mini web del negocio#
Cada negocio con la reserva pública activada tiene además una página con su información, fotos, servicios y opiniones en https://citeri.es/w/SLUG. Es una buena alternativa si el negocio no tiene web propia.