Jak přidat Asyntai AI chatbota na HubSpot

Platforma:

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

Krok 1: Získejte svůj vkládací kód

Nejprve přejděte na svůj Asyntai Dashboard a přejděte dolů k sekci „Embed Code". Zkopírujte svůj unikátní kód pro vložení, který bude vypadat takto:

Krok 2: Použití nastavení webu (doporučeno)

Nejjednodušší způsob, jak přidat chatbota na všechny stránky vašeho webu HubSpot:

1. Přihlaste se do svého účtu HubSpot
2. Klikněte na ikonu nastavení (ozubené kolo) v hlavní navigační liště
3. V levém panelu přejděte na Website > Pages
4. Přejděte dolů na sekci "Site footer HTML"
5. Vložte váš Asyntai embed kód do textového pole
6. Klikněte na "Save" ve spodní části stránky

Alternativa: Instalace pro konkrétní stránku

Pokud chcete chatbota pouze na konkrétních stránkách:

1. Přejděte na Marketing > Website > Website Pages (nebo Landing Pages)
2. Klikněte na stránku, kterou chcete upravit
3. V editoru stránky klikněte na Settings nahoře
4. Přejděte dolů na "Advanced options"
5. Najděte sekci "Footer HTML"
6. Vložte svůj vkládací kód Asyntai
7. Klikněte na "Apply changes" a publikujte stránku

Alternativa: Použití Design Manageru

Pro větší kontrolu můžete přidat soubor JavaScript přes Design Manager:

1. Go to Marketing > Files and Templates > Design Tools
2. V levém panelu klikněte na File > New file
3. Vyberte "JavaScript" z rozbalovací nabídky
4. Pojmenujte soubor (např. asyntai-chatbot.js)
5. Přidejte následující kód:
   (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. Nahraďte YOUR_WIDGET_ID svým skutečným ID widgetu
7. Klikněte na "Publish changes"
8. Zahrňte tento soubor do šablony pomocí require_js nebo jej propojte v nastavení webu

Alternativa: Použití vlastních modulů

Vytvořte opakovaně použitelný modul pro chatbota:

1. Go to Marketing > Files and Templates > Design Tools
2. Klikněte na File > New file > Module
3. Pojmenujte ho "Asyntai Chatbot"
4. Do souborů module.html vložte váš embed kód
5. Publikujte modul
6. Přidejte modul do sekce zápatí vaší šablony nebo jej přetáhněte na jednotlivé stránky

Krok 3: Ověřte instalaci

Po uložení změn navštivte svůj web HubSpot v nové záložce prohlížeče nebo v anonymním okně. V pravém dolním rohu byste měli vidět tlačítko chatovacího widgetu. Klikněte na něj a ověřte, že se správně otevírá a funguje.