Tu web también puede recibir citas.

Pon la agenda de tu negocio dentro de cualquier página con dos líneas de código, o conéctala por API. Se adapta a tu marca, funciona en móvil y las citas llegan a tu agenda de Worklub.

Personalización del negocioEsto es lo que el dueño configura. El cliente solo verá la reserva.
Diseño
Color de marca
Tema
Fondo
Esquinas
Redondeo16 px
Tipografía
Modal
Así lo instalaría un diseñador
<script src="https://worklub.app/widget.js"></script>
<worklub-booking
  business="edison"
  key="wk_…"
  accent="#8858ee"
  layout="vertical"
></worklub-booking>
La clave la crea el negocio en Worklub (planes Pro y Business) → Perfil → Worklub Connect, y puede limitarla a sus dominios.
Vista previa en móvil · diseño vertical
9:41● ◐ ▰
Padre Granero, Puerto Plata

Agenda tu cita

Elige un servicio y un horario disponible.

Elige un servicio

1

Día y hora

Al continuar aceptas que el negocio use tus datos para gestionar la cita.

WorklubReservas con Worklub
01

El negocio crea su clave

Con Pro o Business, aquí mismo o en Worklub → Perfil → Worklub Connect. El código sale con su clave y su diseño, y puede limitarlo a sus dominios.

02

Se pega en la web

Dos líneas en WordPress, Wix, Shopify, Webflow o HTML. Sin instalar nada ni mantener servidores.

03

La cita llega a Worklub

Respeta el horario, los huecos ocupados y la antelación mínima. El negocio la ve al momento en su agenda.

Instalación · Reservas

Dos líneas de código

Pégalas donde quieras que aparezca la agenda.

HTML
<script src="https://worklub.app/widget.js"></script>
<worklub-booking business="tunegocio" key="wk_…"></worklub-booking>

En una ventana, con tu propio botón

Lo más discreto, sobre todo en el teléfono: no ocupa espacio y solo se abre cuando la persona toca tu botón. Se cierra con Esc o tocando fuera.

HTML · popup
<!-- Tu propio botón abre la ventana -->
<button data-worklub-open>Reservar cita</button>

<script src="https://worklub.app/widget.js"></script>
<worklub-booking mode="popup" business="tunegocio" key="wk_…"></worklub-booking>
businessobligatorio

El usuario del negocio en Worklub (worklub.app/usuario).

keyobligatorio

La clave del widget. El negocio la crea en Worklub → Perfil → Worklub Connect.

accentopcional

Color de marca en hexadecimal, p. ej. #8b5cf6. Si no, el del negocio.

themeopcional

light o dark. Claro por defecto.

modeopcional

inline (por defecto, dentro de la página), popup (se abre en una ventana al tocar un elemento con data-worklub-open) o floating (botón pequeño en la esquina, opcional).

profileopcional

on para mostrar "Ver perfil" (lleva a Worklub). Apagado por defecto para no sacar visitas de tu web.

layoutopcional

vertical (completo, 760 px), horizontal (servicios y horas lado a lado, 540 px) o compact (resumido, 440 px).

heightopcional

Otro alto fijo en píxeles (320–1400). El widget nunca cambia de tamaño solo: lo que no cabe se desliza dentro.

API REST

Para tu propia interfaz

Si prefieres diseñar tu propia interfaz, usa la misma API que el widget. Todas las peticiones llevan la clave en la cabecera x-worklub-key.

GET/api/v1/widget/{usuario}

Datos del negocio, servicios y horario.

GET/api/v1/widget/{usuario}/availability?days=14

Horas libres por día (zona horaria del negocio).

POST/api/v1/widget/{usuario}/bookings

Crea la cita: name, contact, start (ISO), serviceId y note opcionales.

Reservar (curl)
curl -X POST https://worklub.app/api/v1/widget/tunegocio/bookings \
  -H "x-worklub-key: wk_…" \
  -H "content-type: application/json" \
  -d '{"name":"Ana","contact":"8095550000",
       "start":"2026-10-14T14:00:00.000Z","serviceId":"…"}'
Respuesta · 201
{
  "id": "4f1c…",
  "status": "confirmed",
  "business": { "handle": "tunegocio", "name": "Tu Negocio" }
}

Errores

401key_missing

Falta la cabecera x-worklub-key.

401key_bad_key

La clave no es de ese negocio o ya se cambió.

403key_origin

La web que llama no está entre las permitidas.

404agenda_unavailable

El negocio no tiene agenda u horario activos.

400invalid_request

Faltan el nombre, el contacto o la hora.

409booking_failed

Esa hora ya no está libre o no cumple la antelación.

Seguridad

La agenda sigue siendo del negocio

Clave pública, webs permitidas

La clave va en el código de la web, como las claves públicas de los pagos. Por eso el negocio puede decir en qué webs funciona: en cualquier otra, el widget no se muestra.

Cambiarla o apagarla

Si la clave se usa donde no debe, el negocio la cambia en un toque y la anterior deja de funcionar al momento. También puede desactivar el widget.

Validación en el servidor

Cada reserva pasa por la misma comprobación que la página de Worklub: horario, huecos libres y antelación.

Preguntas frecuentes

¿Cuánto cuesta el widget de reservas?

Es parte de Worklub Connect, incluido en los planes Pro y Business: la clave, el editor de diseño (color, fondo, esquinas y tipografía) y las citas que lleguen desde tu web. Puedes probar el diseño aquí sin cuenta.

¿Funciona en WordPress, Wix o Shopify?

Sí. En cualquier web que permita pegar HTML: un bloque de HTML personalizado o "código incrustado" es suficiente.

¿El visitante necesita una cuenta?

No. Elige servicio y hora, escribe su nombre y teléfono o correo, y listo. La cita llega a la agenda del negocio.

¿Qué pasa si alguien copia la clave?

Si el negocio puso sus webs permitidas, la clave no funciona en ninguna otra. Y puede cambiarla en cualquier momento desde Worklub Connect.

¿Puedo hacer mi propio formulario?

Sí, con la API REST de arriba. Es la misma que usa el widget.

Crea tu página en minutos

Gratis, desde el teléfono y sin saber de diseño. Tu enlace listo para Instagram y WhatsApp.