Webflow

Código personalizado antes del cierre del body.

Antes de empezar

  • Un sitio de Webflow con plan que permita código personalizado

Pasos

  1. Abrí Site settings y entrá a Custom code.
  2. Pegá el snippet en el campo Footer code (antes de </body>).
  3. Guardá y tocá Publish para que se aplique al sitio en vivo.
Footer code
<script>  window.TinkaySettings = { token: "pk_live_xxx" };</script><script src="https://cdn.tinkay.app/widget.js" async></script>

El código personalizado no corre dentro del Designer: solo se ve en el sitio publicado o en la vista previa del dominio.

Solo en algunas páginas

Si lo querés únicamente en ciertas páginas, usá Page settings de esa página en lugar de la configuración del sitio.

Verificar la instalación

Entrá a Configuración, Instalación en tu workspace, pegá la URL pública del sitio y tocá Probar instalación. Tinkay busca el script y valida que el dominio esté permitido.

  1. Abrí tu sitio en una pestaña nueva y confirmá que aparece el botón flotante.
  2. En la consola del navegador, escribí window.Tinkay y verificá que devuelve un objeto.
  3. Escribí un mensaje de prueba y confirmá que llega al Inbox.

Errores frecuentes

  • El widget no aparece: el dominio no está en Configuración, Dominios. Agregalo y recargá.
  • Aparece en desarrollo pero no en producción: agregá también el dominio de producción, incluida la variante con www.
  • Content Security Policy: permití https://cdn.tinkay.app en script-src y https://app.tinkay.app en frame-src y connect-src.

Cómo saber que quedó bien

  • El botón aparece en el sitio publicado, no en el editor