Desarrolladores
Un componente web de agenda, <tienes-cita>, que se pega como cualquier etiqueta HTML. Tus clientes eligen servicio, día y hora sin salir de tu página, y la cita entra en tu agenda de ¿TienesCita?.
Es el código de una agenda de ejemplo, y un poco más abajo lo tienes funcionando. Para la tuya, cambia ejemplo por su dirección. Si ya tienes agenda, en tu panel, en «Widget», tienes el código con tu negocio ya puesto.
<tienes-cita negocio="ejemplo"></tienes-cita> <script src="https://www.tienescita.es/widget.js" async></script>
El código de arriba, tal cual. Es una agenda de demostración: elige servicio, día y hora, y prueba a reservar.
Las reservas de tu web, de tu página en ¿TienesCita? y del directorio caen en el mismo sitio. Una hora reservada ya no vuelve a salir libre en ninguno.
HTML a mano, WordPress o cualquier editor que deje pegar código. Sin plugins, sin instalar nada y sin cuentas nuevas.
Cambias servicios, precios, horarios o vacaciones en tu panel y la web lo enseña al momento. El código se pega una vez y no se vuelve a tocar.
El componente no instala cookies ni analítica en tu web. Tu aviso de cookies se queda como está.
Ocupa el ancho que le des y crece con el contenido: sin barras de scroll dentro de tu página. Funciona igual en el móvil.
Unos 3 KB de script. La agenda va aislada: tus estilos no la rompen y ella no toca los tuyos.
widget.js define un elemento personalizado estándar (Custom Elements y Shadow DOM, en todos los navegadores actuales). Dentro, la agenda se carga desde tienescita.es en un marco aislado: es la misma reserva que la de tu página pública, con las mismas protecciones contra reservas falsas. El marco avisa al elemento de su altura y del paso al que hay que bajar, y el elemento ajusta el tamaño y desplaza tu página.
El script va con async: no frena la carga de tu web. Puedes poner varios elementos en la misma página y cargar el script una sola vez.
En la página de reservas o de «Pide cita» de tu web. En WordPress, en un bloque «HTML personalizado»; en otros editores, en el bloque de código o HTML que tengan. Si te hizo la web otra persona, mándale esta página.
Créala gratis en unos minutos y el código ya funciona ahora mismo.
Crear mi agendaYa tengo agenda: ver mi código