🔧 Taller Mecánico Don Gato Host Site Integration

Ejemplo real de integración: El host incrusta un <iframe> y recibe las citas mediante postMessage() sin backend.

🎮 Widget Embebido con <IFRAME> https://storietale-viewer.pages.dev

Solo necesitas 10 líneas de HTML y un listener estándar de JavaScript en tu sitio web:

<!-- 1. Incrusta el iframe con tus parámetros --> <iframe id="storieTaleWidget" src="https://storietale-viewer.pages.dev/?scheduleId=sch_dongato_demo&token=...&window=120&slots=...&services=...&name=Taller%20Don%20Gato" style="width: 100%; height: 720px; border: 0; border-radius: 8px;" sandbox="allow-scripts allow-forms" ></iframe> <!-- 2. Escucha el resultado con postMessage --> <script> window.addEventListener('message', (event) => { // Valida el origen por seguridad if (event.origin !== 'https://storietale-viewer.pages.dev') return; const msg = event.data; if (msg?.type === 'ht:complete') { const { appointment, sessionId } = msg.payload; console.log('Cita confirmada:', appointment.citaId); } }); </script>
ESTADO DEL CONTRATO EN ESTA SESIÓN:
Esperando que el usuario complete su aventura en el widget...