Az Asyntai AI Chatbot hozzáadása a HubSpot-hoz

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

1. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

2. lépés: Webhely beállítások használata (ajánlott)

A legegyszerűbb módszer a chatbot hozzáadásához a HubSpot weboldal összes oldalára:

1. Lépjen be a HubSpot fiókjába
2. Kattintson a beállítások ikonra (fogaskerék) a fő navigációs sávban
3. A bal oldali sávban navigáljon a Weboldal > Oldalak menübe
4. Görgessen le a „Webhely lábléc HTML" részhez
5. Illessze be az Asyntai beágyazási kódot a szövegterületre
6. Kattintson a „Mentés" gombra az oldal alján

Alternatíva: Oldalspecifikus telepítés

Ha csak bizonyos oldalakra szeretné a chatbotot:

1. Lépjen a Marketing > Weboldal > Weboldal oldalak (vagy Céloldalak) menübe
2. Kattintson a szerkeszteni kívánt oldalra
3. In the page editor, click Settings at the top
4. Görgessen le a „Speciális beállítások" részhez
5. Keresse meg a „Lábléc HTML" részt
6. Illessze be az Asyntai beágyazási kódját
7. Click "Apply changes" and publish your page

Alternatíva: Tervező eszközök használata

A nagyobb kontroll érdekében JavaScript fájlt adhat hozzá a Tervező eszközökön keresztül:

1. Go to Marketing > Files and Templates > Design Tools
2. In the left sidebar, click File > New file
3. Válassza a „JavaScript" lehetőséget a legördülő menüből
4. Nevezze el a fájlt (pl. asyntai-chatbot.js)
5. Adja hozzá a következő kódot:
   (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. Replace YOUR_WIDGET_ID with your actual widget ID
7. Kattintson a „Változtatások közzététele" gombra
8. Foglalja bele ezt a fájlt a sablonba a require_js segítségével, vagy csatolja a webhely beállításaiban

Alternatíva: Egyéni modulok használata

Hozzon létre egy újrafelhasználható modult a chatbot számára:

1. Go to Marketing > Files and Templates > Design Tools
2. Kattintson a Fájl > Új fájl > Modul lehetőségre
3. Nevezze el „Asyntai Chatbot"-nak
4. A module.html fájlba illessze be a beágyazási kódot
5. Tegye közzé a modult
6. Adja hozzá a modult a sablon lábléc részéhez, vagy húzza az egyes oldalakra

3. lépés: Telepítés ellenőrzése

A változtatások mentése után látogassa meg HubSpot weboldalát egy új böngészőlapon vagy inkognító ablakban. Látnia kell a chat widget gombot a jobb alsó sarokban. Kattintson rá, hogy meggyőződjön arról, hogy megfelelően nyílik meg és működik.