Integración con Webflow
Añadir un chat en vivo a tu web de Webflow
En Webflow, la burbuja de Hooky va en el código personalizado del sitio, en el pie: una línea, una publicación, y tus visitantes pueden escribirte en todas las páginas. Tú respondes desde el móvil.
Por qué un chat en una web de Webflow
Webflow sirve para hacer webs que convierten: agencias, productos, despachos. Una burbuja de chat es el contacto más directo que puedes ofrecer a un visitante con dudas, en todas las páginas, CMS incluido. Hooky lo resuelve en una línea, sin interacciones de Webflow que construir ni widgets pesados que integrar.
Antes de empezar
El código personalizado a nivel de sitio no está disponible en el plan gratuito de Webflow: según la ayuda de Webflow, necesitas un plan de sitio de pago activo, o ciertos planes de espacio de trabajo (Core, Growth, Agency o Freelancer). Sin él, los campos de código personalizado están desactivados.
Instalar Hooky en Webflow
Crea tu cuenta de Hooky (gratis para un sitio), añade tu web con sus direcciones (
mi-web.webflow.ioy tu dominio) y copia la etiqueta<script>en Sitios.Abre los ajustes del sitio en Webflow: Site settings, pestaña Custom code.
Pega la etiqueta en Footer code (el código que se coloca justo antes de
</body>, en todas las páginas) y pulsa Save changes.Publica la web. El código personalizado no se ejecuta en el Designer: solo la versión publicada muestra la burbuja.
La etiqueta que hay que pegar (la tuya lleva la clave real de tu web):
<script src="https://heyhooky.com/widget.js" data-site-key="TU_CLAVE_PUBLICA" async></script>¿Por qué Footer code y no Head code? Webflow aconseja colocar los scripts justo antes de </body>, para que la página se muestre primero. De todas formas, la burbuja se carga en async.
Comprobar que aparece la burbuja
Abre tu web publicada (la dirección webflow.io o tu dominio) y recarga: la burbuja está abajo. Envíate un mensaje: llega a Mensajes, y como notificación a tu móvil.
¿No hay burbuja? Por orden: ¿has vuelto a publicar la web después de añadirla?, ¿está la etiqueta en el Footer code del sitio (no de una sola página)?, ¿está la dirección abierta en las direcciones autorizadas del sitio en Hooky?
webflow.io y tu dominio
Webflow publica en una dirección webflow.io y en tu dominio. Añade las dos en la página del sitio, en Hooky: pruebas en una, tus clientes escriben en la otra, y todo llega a la misma bandeja de entrada, con las mismas estadísticas.
Responder a tus visitantes
Respondes desde la app de Hooky (iPhone, iPad, Mac, Android) o desde el panel web. Con el plan Studio, hasta cinco personas responden desde la misma bandeja, cada una en los sitios que se le asignan: práctico para una agencia que gestiona las webs de Webflow de sus clientes.
Tu visitante puede adjuntar una foto o un PDF, y si se va tras dejar su email, tu respuesta le sigue por email.
Preguntas frecuentes
Estoy en el plan gratuito de Webflow
Ahí los campos de código personalizado del sitio están desactivados: necesitas un plan de sitio de pago (o un plan de espacio de trabajo que lo incluya) para añadir la burbuja.
¿Puedo usar un elemento Embed en su lugar?
Un Embed solo vive en la página donde lo colocas. Para una burbuja en todas partes, Footer code en los ajustes del sitio es el lugar adecuado.
Tengo varias webs de clientes en Webflow
Crea un sitio de Hooky por cada web de Webflow: cada uno tiene su clave. El plan Creador cubre diez sitios, Studio cincuenta con cinco personas, y todo llega a una sola bandeja de entrada que puedes filtrar por sitio.
¿Puedo contar las solicitudes de presupuesto?
Sí, con Hooky.track("presupuesto") llamado tras el envío del formulario, con un poco de código personalizado. Ver 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.