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

1. Accesati Inregistrare si creati un cont nou, sau conectati-va daca aveti deja unul.
2. 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://chatimwidget.com/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://chatimwidget.com/widget.js" async></script>
</body>
</html>

Cum functioneaza

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

Pasul 4: Testarea widget-ului

1. Deschideti site-ul dvs. intr-un browser si reimprospatati pagina pentru a va asigura ca widget-ul Chatim apare.
2. Faceti clic pe el pentru a deschide widget-ul si a testa functionalitatile de chat live si chatbot.
3. 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

1. Verificati plasarea codului - asigurati-va ca este inainte de </body>, nu in interiorul <head>
2. Verificati ID-ul proiectului - comparati-l cu ID-ul afisat pe pagina de Instalare
3. Verificati consola browserului - deschideti DevTools (F12) si cautati erori in fila Consola
4. Dezactivati blocantele de reclame - unele blocante de reclame pot impiedica incarcarea widget-ului
5. 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.