Cum sa instalati Widget-ul Chatim

Widget-ul Chatim va permite sa integrati functii de chat live si chatbot direct in site-ul dvs. web. Instalarea necesita un singur pas: copiati un mic fragment JavaScript si lipiti-l in HTML-ul site-ului dvs. Widget-ul se incarca asincron si nu va incetini paginile.

Pasul 1: Inregistrare si conectare

Accesati Inregistrare si creati un cont nou, sau conectati-va daca aveti deja unul.
Odata conectat, creati primul dvs. proiect. Dupa crearea proiectului, faceti clic pe Instalare in meniul de navigare pentru a gasi codul de instalare.

Pasul 2: Obtinerea codului de instalare

Pagina de Instalare afiseaza un fragment de cod gata de utilizare cu ID-ul proiectului dvs. precompletat. Faceti clic pe Copiere cod pentru a-l copia in clipboard.

Codul arata astfel:

<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>

Pasul 3: Adaugarea codului pe site-ul dvs.

Adaugati acest cod in fiecare pagina unde doriti sa apara widget-ul de chat. Pentru cele mai bune rezultate, plasati-l chiar inainte de eticheta de inchidere </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>

Cum functioneaza

Primul bloc <script> initializeaza setarile Chatim cu ID-ul proiectului dvs.
Al doilea <script> incarca widget-ul asincron (nu va bloca incarcarea paginii)
Odata incarcat, widget-ul de chat apare in coltul paginii dvs.
Vizitatorii pot face clic pentru a deschide widget-ul si a interactiona cu chatbotul dvs.

Pasul 4: Testarea widget-ului

Deschideti site-ul dvs. intr-un browser si reimprospatati pagina pentru a va asigura ca widget-ul Chatim apare.
Faceti clic pe el pentru a deschide widget-ul si a testa functionalitatile de chat live si chatbot.
Verificati pagina Vizitatori din panoul de control - ar trebui sa vedeti vizita dvs.

Ghiduri specifice pe platforme

Constructori de site-uri web

WordPress - Adaugati prin editorul de tema, plugin sau functions.php
Shopify - Adaugati in fisierul theme.liquid al temei dvs.
WIX - Adaugati cod personalizat prin setarile site-ului WIX
Squarespace - Injectati cod prin setarile de Injectare de cod
Webflow - Adaugati prin sectiunea de cod personalizat din Setarile proiectului
Magento - Adaugati la XML-ul de layout al temei dvs. sau setarile CMS
Site123 - Adaugati prin setarile de cod personalizat

Manageri de etichete

Google Tag Manager - Creati o eticheta HTML personalizata cu codul widget-ului
Adobe Launch - Adaugati ca actiune de cod personalizat intr-o regula

Framework-uri JavaScript

Next.js - Folositi componenta next/script cu strategia lazyOnload

Depanare

Widget-ul nu apare

Verificati plasarea codului - asigurati-va ca este inainte de </body>, nu in interiorul <head>
Verificati ID-ul proiectului - comparati-l cu ID-ul afisat pe pagina de Instalare
Verificati consola browserului - deschideti DevTools (F12) si cautati erori in fila Consola
Dezactivati blocantele de reclame - unele blocante de reclame pot impiedica incarcarea widget-ului
Goliti memoria cache - incercati o reimprospatare fortata (Ctrl+F5 sau Cmd+Shift+R)

Apar mai multe widget-uri

Daca vedeti widget-uri duplicate, codul poate fi adaugat de mai multe ori. Verificati fisierele temei pentru intrari duplicate, managerul de etichete pentru etichete duplicate si setarile plugin-urilor care pot injecta si ele widget-ul.

Aveti nevoie de ajutor?

Daca intampinati probleme, contactati echipa de suport.

Centrul de ajutor Chatim