Како додати Asyntai АИ четбот у HubSpot

Платформа:

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

Корак 1: Набавите свој код за уграђивање

Прво, идите на своју Asyntai контролну таблу и померите се до одељка „Код за уграђивање". Копирајте свој јединствени код за уграђивање који ће изгледати овако:

Корак 2: Коришћење подешавања сајта (препоручено)

Најлакши начин за додавање четбота на све странице вашег HubSpot веб-сајта:

1. Пријавите се на свој HubSpot налог
2. Кликните на икону подешавања (зупчаник) у главној навигационој траци
3. У левој бочној траци, навигирајте до Веб-сајт > Странице
4. Померите се до одељка „HTML подножја сајта"
5. Налепите свој Asyntai код за уграђивање у текстуално поље
6. Кликните „Сачувај" на дну странице

Алтернатива: Инсталација за одређену страницу

Ако желите четбот само на одређеним страницама:

1. Идите на Маркетинг > Веб-сајт > Странице веб-сајта (или Одредишне странице)
2. Кликните на страницу коју желите да уредите
3. У уређивачу странице, кликните Подешавања на врху
4. Померите се до „Напредне опције"
5. Пронађите одељак „HTML подножја"
6. Налепите свој Asyntai код за уграђивање
7. Кликните „Примени промене" и објавите страницу

Алтернатива: Коришћење менаџера дизајна

За већу контролу, можете додати JavaScript фајл кроз менаџер дизајна:

1. Идите на Маркетинг > Фајлови и шаблони > Алати за дизајн
2. У левој бочној траци, кликните Фајл > Нови фајл
3. Изаберите „JavaScript" из падајућег менија
4. Именујте фајл (нпр. asyntai-chatbot.js)
5. Додајте следећи код:
   (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. Замените YOUR_WIDGET_ID стварним ИД-ом виџета
7. Кликните „Објави промене"
8. Укључите овај фајл у свој шаблон користећи require_js или га повежите у подешавањима сајта

Алтернатива: Коришћење прилагођених модула

Креирајте модул за поновну употребу за четбот:

1. Идите на Маркетинг > Фајлови и шаблони > Алати за дизајн
2. Кликните Фајл > Нови фајл > Модул
3. Именујте га „Asyntai четбот"
4. У module.html фајлу, налепите свој код за уграђивање
5. Објавите модул
6. Додајте модул у одељак подножја шаблона, или га превуците на појединачне странице

Корак 3: Верификујте инсталацију

Након чувања промена, посетите свој HubSpot веб-сајт у новој картици претраживача или инкогнито прозору. Требало би да видите дугме виџета за ћаскање у доњем десном углу. Кликните на њега да бисте се уверили да се отвара и исправно ради.