Integración con Bolt
Añadir un chat en vivo a tu web de Bolt
Montaste tu web con Bolt y ya está online en bolt.host o en tu dominio. Hooky le añade una burbuja de chat con un prompt: tus visitantes te escriben y tú respondes desde el móvil.
Por qué un chat en una web de Bolt
Bolt suele servir para lanzar rápido: una landing, una tiendecita, una herramienta para tus clientes. Es justo el momento en que llegan las primeras preguntas, y quieres oírlas. Una burbuja de chat es el camino más corto entre un visitante con dudas y tú.
Los proyectos de Bolt son código de verdad (a menudo React con Vite, a veces Next.js o Astro). Hooky solo añade una etiqueta <script>, en la plantilla común a todas las páginas: sin dependencias ni componentes que mantener.
Instalar Hooky en Bolt
Crea tu cuenta de Hooky (gratis para un sitio) y añade tu web con su dirección, por ejemplo
mi-web.bolt.host.Copia el prompt en Sitios: ya lleva la clave de tu web. Aquí tienes la versión para Bolt, con una clave de ejemplo.
Pégalo en el chat de tu proyecto de Bolt y deja que Bolt modifique el código. Mira la vista previa: no debería haber cambiado nada más.
Publica: botón Publish arriba a la derecha y luego Publish (o Update si la web ya está online) en el menú que se abre. Bolt recomienda estos botones antes que un prompt tipo «publica mi web», que gasta tokens.
El prompt para Bolt
Añade la burbuja de chat de Hooky a esta web, en todas las páginas. Pega esta etiqueta una sola vez, justo antes de </body>, en la plantilla HTML común a todas las páginas (index.html en un proyecto Vite, app/layout.tsx con el componente Script de next/script y strategy="afterInteractive" en Next.js, el layout principal en Astro):
<script src="https://heyhooky.com/widget.js" data-site-key="TU_CLAVE_PUBLICA" async></script>No cambies la dirección del script ni el atributo data-site-key. No añadas ningún otro código ni cambies nada más: la burbuja aparece sola, abajo de la pantalla.
Comprobar que aparece la burbuja
Después de publicar, Bolt muestra el enlace de tu web en el chat: ábrelo en una pestaña nueva. La burbuja está abajo. Envía un mensaje de prueba: llega a Mensajes, y a la app si la tienes instalada.
¿No hay burbuja? Comprueba que has vuelto a publicar, que la dirección abierta está en las direcciones autorizadas del sitio en Hooky (si declaraste alguna) y recarga sin caché.
bolt.host y tu propio dominio
Bolt publica gratis en una dirección bolt.host; con un plan de pago de Bolt puedes conectar tu dominio. Añade las dos direcciones en la página del sitio, en Hooky: una sola bandeja de entrada, las mismas estadísticas, la misma burbuja. Y si publicas una web privada (planes de pago de Bolt), solo los visitantes invitados verán la burbuja, como el resto de la web.
Responder a tus visitantes
Respondes desde la app de Hooky (iPhone, iPad, Mac, Android) o desde el panel web, con una notificación por cada mensaje nuevo. Tus visitantes no crean cuenta; pueden adjuntar una foto o un PDF, y dejar su email para recibir tu respuesta si se van antes.
¿Quieres saber si tu lanzamiento funciona? Pide a Bolt que llame a Hooky.track("registro") después de cada registro: las cifras aparecen en la pestaña Estadísticas. Detalles en la documentación.
Preguntas frecuentes
Mi proyecto de Bolt no tiene index.html
Es el caso de un proyecto Next.js o Astro. El prompt lo tiene en cuenta: Bolt pone la etiqueta en el layout común. En Next.js usa el componente Script, como se explica en la documentación.
¿Y si mi web de Bolt está publicada en Netlify?
No cambia nada para Hooky: la etiqueta está en tu código y se va con cada publicación. Añade simplemente la dirección de Netlify a las direcciones del sitio.
¿La burbuja estropeará el diseño de mi web?
No: vive en un Shadow DOM, aislada de tus estilos. Eliges su color, su lado (derecha o izquierda) y su mensaje de bienvenida en Hooky, con una vista previa, sin tocar el código.
¿Puedo abrirla desde un botón «Contáctanos»?
Sí. Pídeselo a Bolt: «El botón Contáctanos abre la burbuja de Hooky con Hooky.open()». Está explicado en la documentación.
Otras herramientas
Tus visitantes tienen preguntas. Respóndeles desde donde estés.
Gratis para un sitio, instalado con un prompt. Después, solo tienes que llevar el móvil en el bolsillo.