Si tenés tu web en WordPress, Wix o Squarespace y querés que tus clientes reserven turnos sin salir de ella, no necesitás un plugin pesado ni contratar a un desarrollador. Alcanza con pegar un fragmento de código que muestra tu agenda de TurnoPik embebida en la página.
Esta guía cubre el paso a paso para las tres plataformas más usadas por pymes en LATAM.
Antes de empezar: conseguí tu código
En tu panel de TurnoPik, andá a Compartir → Insertar en tu web. Ahí elegís uno de tres modos:
- En línea: la agenda aparece incrustada como una sección de tu página.
- Botón flotante: un botón “Reservar turno” fijo en la esquina.
- Popup: un botón tuyo que abre la agenda en una ventana.
Copiá el fragmento del modo que quieras. En los ejemplos de abajo usamos el modo en línea, que es el más común para una página de reservas.
<div data-turnopik-booking="tu-negocio"></div>
<script async src="https://app.turnopik.com/embed/v1.js"></script>Reemplazá
tu-negociopor el slug real de tu cuenta (el mismo de tu link públicotu-negocio.app.turnopik.com).
WordPress
WordPress es la plataforma más usada, y agregar el widget lleva menos de dos minutos.
- Entrá al editor de la página o entrada donde querés las reservas.
- Agregá un bloque nuevo y buscá «HTML personalizado» (Custom HTML).
- Pegá el fragmento dentro del bloque.
- Guardá y previsualizá.
Si usás un page builder como Elementor o Divi, el proceso es el mismo pero el widget se llama “HTML” o “Código”. Arrastralo a la sección deseada y pegá el fragmento.
No hace falta plugin. Esto es una ventaja concreta: cada plugin que instalás es algo más que actualizar y una posible fuente de conflictos o vulnerabilidades. El embed es solo un fragmento de código, sin mantenimiento.
Wix
- Editá tu sitio en el Editor de Wix.
- Hacé clic en Agregar (+) → Insertar → Código embebido → Insertar HTML (Embed a Widget / Embed HTML).
- Pegá el fragmento en el cuadro que aparece.
- Ajustá el tamaño del contenedor arrastrando los bordes y aplicá.
En modo en línea conviene darle bastante alto al contenedor para que el flujo de reserva se vea completo sin scroll interno.
Squarespace
- Editá la página donde querés las reservas.
- Agregá un bloque «Código» (Code Block) o «Embed».
- Pegá el fragmento y guardá.
Squarespace a veces sanitiza el código en el bloque estándar; si el widget no aparece, usá el bloque «Code» específico para HTML, que respeta los scripts.
Verificá que quedó bien
Después de publicar, abrí tu web en una ventana nueva (y en el celular) y confirmá:
- La agenda carga y muestra horarios reales.
- Podés avanzar en el flujo hasta la pantalla de confirmación.
- Se ve bien en móvil (el widget es responsive y se adapta al ancho).
Si no carga, el motivo más frecuente es que quedó el slug de ejemplo sin reemplazar, o que el código se pegó en un bloque de texto normal en vez de un bloque de HTML.
¿Y si mi sitio tiene una CSP estricta?
Sitios más avanzados definen una Content-Security-Policy que bloquea contenido externo. Si es tu caso, agregá frame-src *.app.turnopik.com a tu política. La mayoría de los sitios de pymes no usan CSP y no necesitan tocar nada.
Por qué embeber en vez de solo linkear
Podrías simplemente poner un botón que lleve a tu-negocio.app.turnopik.com, y funciona. Pero embeber la agenda mantiene al cliente en tu web, refuerza tu marca y reduce el abandono que produce cada redirección. Es la diferencia entre “te mando a otro sitio a reservar” y “reservá acá mismo”.
Para el detalle de cada modo y cuándo conviene cada uno, ver la guía completa: cómo insertar tu agenda de reservas en tu web.
En resumen
Agregar reservas a tu web en WordPress, Wix o Squarespace es copiar y pegar:
- Panel → Compartir → Insertar en tu web → copiá el fragmento.
- Pegalo en un bloque de HTML/Embed/Código de tu plataforma.
- Reemplazá el slug si hace falta, guardá y verificá en desktop y móvil.
Sin plugins, sin programar y sin mandar al cliente a otro lado.
¿Todavía no tenés tu agenda? Creá la cuenta gratis y tené el widget listo para pegar en tu web hoy mismo.