Înapoi la panoul de control

Documentație

Aflați cum să utilizați Asyntai

Primii pași
Instalare Bază de cunoștințe Cum accesează IA conținutul dvs. Conectați-vă site-ul Testați AI-ul Gestionează site-urile
Personalizare
Modele pentru butonul de chat Pictograma butonului de chat Culorile widgetului Font Numele asistentului AI Mesaj inițial Poziția widgetului Declanșare automată Balon de salut Bulină pentru mesaje necitite Mod instrucțiuni Adresare de întrebări Utilizare emoji Permiteți doar anumite limbi Colectare e-mailuri Colectare numere de telefon Colectare inteligentă de lead-uri Localizare Ascundere branding Link de confidențialitate Notificare personalizată Deschiderea linkurilor în aceeași filă Descărcare transcriere Conversație nouă Istoricul conversațiilor Slogan și punct de stare Transcriere vocală Pictogramă chat Logo companie Limită de caractere Temperatură
Sfaturi pentru instrucțiuni AI Trecerea de la alt chatbot Compară planurile
Funcționalități
Bara Ask AI Bara de căutare AI Scanare site web Lacune de cunoștințe Carduri de produs Carduri de produs dinamice Imagini dinamice Contextul utilizatorului Instrumente personalizate Parametri de link Mesaje proactive Monitorizare live Preluare de către operator Escaladare Notificări AI Notificări în browser Raport zilnic Flux de date în timp real Flux de date în timp real Max Membrii echipei Autentificare unică Autentificare cu doi factori Includere imagini Recunoaștere imagini Widget de traducere Localizare Transparența IA Lead-uri Colectare inteligentă de lead-uri Tichete de suport Răspunsuri AI la e-mailuri Categorii de conversații Centru de ajutor Rezervări Agent vocal Conținut încorporat Excludere pagini IP-uri blocate Politica de păstrare a datelor Mod fără păstrarea datelor Mascarea datelor personale (PII) Clasificator de răspunsuri Etichete de acces Fixarea versiunii widgetului Jurnal de audit Sugestii de răspuns Mesaje de urmărire Transcriere vocală Descărcare transcriere Chat integrat Încorporare prin iframe
Statistici
Statistici conversații Istoricul conversațiilor
Integrări
REST API Instagram Messenger WhatsApp Twilio Discord Zapier Email Aplicații mobile
Altceva
Adaugă pe ecranul principal Buton personalizat de deschidere Butoane Întreabă AI Plată eșuată?
Întrebați AI

Cum să adăugați Chatbot-ul AI Asyntai în HubSpot

Ghid pas cu pas pentru site-urile CMS HubSpot

Obține codul de încorporare
Platformă:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

Pasul 1: Obțineți codul de încorporare

Mai întâi, accesați panoul de control Asyntai și derulați în jos până la secțiunea "Cod de integrare". Copiați codul dvs. unic de integrare, care va arăta astfel:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Notă: Codul de mai sus este doar un exemplu. Trebuie să copiați propriul cod unic de încorporare din Tabloul de bord, deoarece conține ID-ul personal al widgetului dvs.

Pasul 2: Utilizarea setărilor site-ului (Recomandat)

Cel mai simplu mod de a adăuga chatbot-ul pe toate paginile site-ului HubSpot:

  1. Conectați-vă la contul HubSpot
  2. Faceți clic pe pictograma setări (roată) din bara de navigare principală
  3. În bara laterală din stânga, navigați la Website > Pages
  4. Derulați în jos la secțiunea "Site footer HTML"
  5. Lipiți codul de integrare Asyntai în zona de text
  6. Faceți clic pe "Save" în partea de jos a paginii

Sfat: Adăugarea scriptului în Site footer HTML asigură că se încarcă pe toate paginile după conținutul principal, ceea ce este plasarea recomandată pentru widget-urile de chat.

Alternativă: Instalare specifică paginii

Dacă doriți chatbot-ul doar pe pagini specifice:

  1. Mergeți la Marketing > Website > Website Pages (sau Landing Pages)
  2. Faceți clic pe pagina pe care doriți să o editați
  3. În editorul paginii, faceți clic pe Settings în partea de sus
  4. Derulați în jos la "Advanced options"
  5. Găsiți secțiunea "Footer HTML"
  6. Inserați codul de încorporare Asyntai
  7. Faceți clic pe "Apply changes" și publicați pagina

Notă: Codul specific paginii se va încărca doar pe acea pagină anume. Utilizați această metodă dacă doriți chatbot-ul pe anumite pagini și nu pe întregul site.

Alternativă: Utilizarea Design Manager

Pentru mai mult control, puteți adăuga un fișier JavaScript prin Design Manager:

  1. Mergeți la Marketing > Files and Templates > Design Tools
  2. În bara laterală din stânga, faceți clic pe File > New file
  3. Selectați "JavaScript" din meniul derulant
  4. Denumiți fișierul (de ex., asyntai-chatbot.js)
  5. Adăugați următorul cod:
    (function() {
      var script = document.createElement('script');
      script.async = true;
      script.src = 'https://asyntai.com/static/js/chat-widget.js';
      script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
      document.body.appendChild(script);
    })();
  6. Înlocuiți YOUR_WIDGET_ID cu ID-ul real al widget-ului dvs.
  7. Faceți clic pe "Publish changes"
  8. Includeți acest fișier în șablonul dvs. folosind require_js sau legați-l în setările site-ului

Alternativă: Utilizarea modulelor personalizate

Creați un modul reutilizabil pentru chatbot:

  1. Mergeți la Marketing > Files and Templates > Design Tools
  2. Faceți clic pe File > New file > Module
  3. Denumiți-l "Asyntai Chatbot"
  4. În fișierul module.html, lipiți codul de integrare
  5. Publicați modulul
  6. Adăugați modulul în secțiunea de subsol a șablonului sau trageți-l pe paginile individuale

Sfat: Utilizarea unui modul personalizat vă permite să adăugați sau să eliminați cu ușurință chatbot-ul din șabloane sau pagini specifice prin editorul drag-and-drop.

Pasul 3: Verificați instalarea

După ce ați salvat modificările, vizitați site-ul HubSpot într-o filă nouă de browser sau într-o fereastră incognito. Ar trebui să vedeți butonul widget-ului de chat în colțul din dreapta jos. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.

Nu vedeți widgetul? Asigurați-vă că ați făcut clic pe "Save" sau "Publish" după adăugarea codului. HubSpot face cache paginilor, așa că încercați să vizualizați site-ul într-o fereastră incognito sau să goliți cache-ul browserului. Dacă ați adăugat codul pe o pagină specifică, asigurați-vă că pagina este publicată.

HubSpot CMS Hub necesar: Adăugarea JavaScript personalizat necesită HubSpot CMS Hub (Starter, Professional sau Enterprise). Dacă utilizați instrumentele CMS HubSpot gratuite, este posibil să aveți opțiuni limitate pentru adăugarea scripturilor personalizate.