Como instalar el Widget Chatim

El widget Chatim le permite integrar funciones de chat en vivo y chatbot directamente en su sitio web. Instalarlo requiere solo un paso: copiar un pequeno fragmento de JavaScript y pegarlo en el HTML de su sitio. El widget se carga de forma asincrona y no ralentizara sus paginas.

Paso 1: Registrarse e iniciar sesion

Vaya a Registrarse y cree una nueva cuenta, o inicie sesion si ya tiene una.
Una vez conectado, cree su primer proyecto. Despues de crear el proyecto, haga clic en Instalar en el menu de navegacion para encontrar su codigo de instalacion.

Paso 2: Obtener el codigo de instalacion

La pagina de Instalacion muestra un fragmento de codigo listo para usar con su ID de proyecto prellenado. Haga clic en Copiar codigo para copiarlo a su portapapeles.

El codigo se ve asi:

<script>
  window.chatim = window.chatim || {};
  window.chatim.cmd = window.chatim.cmd || [];
  window.chatim.settings = { projectId: "YOUR_PROJECT_ID" };
</script>
<script src="https://widget.chatim.app/widget.js" async></script>

Paso 3: Agregar el codigo a su sitio web

Agregue este codigo en cada pagina donde desee que aparezca el widget de chat. Para mejores resultados, coloquelo justo antes de la etiqueta de cierre </body>:

  <!-- Your page content -->

  <!-- Chatim Widget -->
  <script>
    window.chatim = window.chatim || {};
    window.chatim.cmd = window.chatim.cmd || [];
    window.chatim.settings = { projectId: "YOUR_PROJECT_ID" };
  </script>
  <script src="https://widget.chatim.app/widget.js" async></script>
</body>
</html>

Como funciona

El primer bloque <script> inicializa la configuracion de Chatim con su ID de proyecto
El segundo <script> carga el widget de forma asincrona (no bloqueara la carga de la pagina)
Una vez cargado, el widget de chat aparece en la esquina de su pagina
Los visitantes pueden hacer clic para abrir el widget e interactuar con su chatbot

Paso 4: Probar el widget

Abra su sitio web en un navegador y actualice la pagina para asegurarse de que aparezca el widget Chatim.
Haga clic en el para abrir el widget y probar las funcionalidades de chat en vivo y chatbot.
Consulte la pagina de Visitantes en su panel — deberia ver su visita.

Guias especificas por plataforma

Constructores de sitios web

WordPress — Agregar mediante editor de temas, plugin o functions.php
Shopify — Agregar al archivo theme.liquid de su tema
WIX — Agregar codigo personalizado a traves de la configuracion del sitio WIX
Squarespace — Inyectar codigo a traves de la configuracion de Inyeccion de codigo
Webflow — Agregar a traves de la seccion de codigo personalizado en Configuracion del proyecto
Magento — Agregar al XML de diseno de su tema o configuracion CMS
Site123 — Agregar a traves de la configuracion de codigo personalizado

Gestores de etiquetas

Google Tag Manager — Crear una etiqueta HTML personalizada con el codigo del widget
Adobe Launch — Agregar como accion de codigo personalizado en una regla

Frameworks JavaScript

Next.js — Usar el componente next/script con la estrategia lazyOnload

Solucion de problemas

El Widget no aparece

Verifique la ubicacion del codigo — asegurese de que este antes de </body>, no dentro de <head>
Verifique el ID del proyecto — comparelo con el ID mostrado en su pagina de Instalacion
Revise la consola del navegador — abra DevTools (F12) y busque errores en la pestana Consola
Desactive los bloqueadores de anuncios — algunos bloqueadores de anuncios pueden impedir la carga del widget
Limpie la cache — intente una actualizacion forzada (Ctrl+F5 o Cmd+Shift+R)

Aparecen multiples widgets

Si ve widgets duplicados, es posible que el codigo se haya agregado mas de una vez. Revise los archivos del tema en busca de entradas duplicadas, el gestor de etiquetas en busca de etiquetas duplicadas y la configuracion de plugins que tambien puedan inyectar el widget.

Necesita ayuda?

Si tiene algun problema, contacte al equipo de soporte.

Centro de ayuda de Chatim