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

Platformă:

HubSpot

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

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

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

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

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. In the page editor, click Settings at the top
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

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. In the left sidebar, click 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

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.