México
España
Argentina
Colombia
USA
Guía: Cómo Integrar el Botón de Reservas de AgendaP en tu Sitio Web
Paso a paso para integrar el widget y botón de citas de AgendaP en cualquier sitio web (WordPress, HTML, Wix) sin complicaciones técnicas.
Un widget de reservas dentro de tu propia web
Nuestro sistema de integración permite que cualquier negocio registrado en AgendaP muestre un botón flotante de reservas en su sitio web oficial. Al hacer clic, se abre una ventana elegante con el calendario de citas — sin redirigir al usuario a otro sitio.
Un solo fragmento de código
Copia y pega un bloque de HTML en tu sitio web. Sin dependencias externas, sin librerías — funciona de inmediato.
100% Responsive
El botón flotante y la ventana modal se adaptan perfectamente a celulares, tablets y escritorio.
Sin redirigir al usuario
Tus clientes completan su reserva sin abandonar tu sitio web. Todo se carga dentro de una ventana emergente.
Todo lo que incluye tu widget de reservas
Botón Flotante
Siempre visible en la esquina inferior derecha del sitio web del cliente con la marca AgendaP.
Calendario Interactivo
Calendario mensual con días disponibles, horarios y selección de servicio integrados.
Notificaciones
Al agendar una cita, el negocio recibe notificación push, WhatsApp y correo electrónico al instante.
Conexión Segura
La comunicación entre tu web y AgendaP viaja encriptada por HTTPS. Datos protegidos en todo momento.
Diseño Premium
Ventana modal con animaciones suaves, blur de fondo y bordes redondeados para una apariencia profesional.
Restaurantes
Si tu negocio es un restaurante, el widget muestra selector de comensales y mesas automáticamente.
Ultra Ligero
Solo HTML y JavaScript puro. No afecta la velocidad de carga de tu sitio web — 0 dependencias externas.
Vincula Cualquier Botón
Abre el widget desde cualquier botón de tu web con un simple onclick.
Intégralo en 3 simples pasos
Regístrate en AgendaP y activa tus citas
Crea tu cuenta de negocio gratis en AgendaP. Configura tus servicios, horarios y activa la opción de Citas en Línea desde tu panel de administración.
Registrarme AhoraCopia tu código de integración
Dentro de tu panel de administración, ve a Configuración → Integración Web. Encontrarás un bloque de código HTML listo para copiar, personalizado con tu slug de negocio.
<!-- Widget AgendaP --> <div id="agendap-floating-trigger" onclick="openAgendaPModal()" style="position:fixed; bottom:24px; ..."> <span>Reservar Cita</span> </div> <!-- Modal + iframe + JavaScript -->
Pégalo en tu sitio web y ¡listo!
Pega el código antes del cierre de la etiqueta