Kaip pridėti Asyntai DI pokalbių robotą prie 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

1 žingsnis: Gaukite savo įterpimo kodą

Pirma, eikite į savo Asyntai valdymo skydelį ir slinkite žemyn iki "Įterpimo kodas" skyriaus. Nukopijuokite savo unikalų įterpimo kodą, kuris atrodys taip:

2 žingsnis: Svetainės nustatymų naudojimas (Rekomenduojama)

Paprasčiausias būdas pridėti pokalbių robotą prie visų HubSpot svetainės puslapių:

1. Prisijunkite prie savo HubSpot paskyros
2. Spustelėkite nustatymų piktogramą (krumpliaratis) pagrindinėje navigacijos juostoje
3. Kairiojoje šoninėje juostoje eikite į Svetainė > Puslapiai
4. Slinkite žemyn iki "Svetainės poraštės HTML" skyriaus
5. Įklijuokite savo Asyntai įterpimo kodą teksto srityje
6. Spustelėkite "Išsaugoti" puslapio apačioje

Alternatyva: Konkretaus puslapio diegimas

Jei norite pokalbių roboto tik konkrečiuose puslapiuose:

1. Eikite į Rinkodara > Svetainė > Svetainės puslapiai (arba Nukreipimo puslapiai)
2. Spustelėkite puslapį, kurį norite redaguoti
3. Puslapio redaktoriuje spustelėkite Nustatymai viršuje
4. Slinkite žemyn iki "Išplėstinės parinktys"
5. Raskite "Poraštės HTML" skyrių
6. Įklijuokite savo Asyntai įterpimo kodą
7. Click "Apply changes" and publish your page

Alternatyva: Dizaino tvarkyklės naudojimas

Daugiau kontrolei galite pridėti JavaScript failą per dizaino tvarkyklę:

1. Eikite į Rinkodara > Failai ir šablonai > Dizaino įrankiai
2. In the left sidebar, click File > New file
3. Pasirinkite "JavaScript" iš išskleidžiamojo sąrašo
4. Pavadinkite failą (pvz., asyntai-chatbot.js)
5. Pridėkite šį kodą:
   (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. Pakeiskite YOUR_WIDGET_ID savo tikruoju valdiklio ID
7. Spustelėkite "Publikuoti pakeitimus"
8. Įtraukite šį failą į šabloną naudodami require_js arba susiekite jį svetainės nustatymuose

Alternatyva: Pasirinktinių modulių naudojimas

Sukurkite pakartotinai naudojamą modulį pokalbių robotui:

1. Eikite į Rinkodara > Failai ir šablonai > Dizaino įrankiai
2. Spustelėkite Failas > Naujas failas > Modulis
3. Pavadinkite "Asyntai pokalbių robotas"
4. module.html faile įklijuokite savo įterpimo kodą
5. Publikuokite modulį
6. Pridėkite modulį prie šablono poraštės skyriaus arba nutempkite jį ant atskirų puslapių

3 žingsnis: Patikrinkite diegimą

Išsaugoję pakeitimus, apsilankykite savo HubSpot svetainėje naujame naršyklės skirtuke arba inkognito lange. Turėtumėte matyti pokalbių valdiklio mygtuką apatiniame dešiniajame kampe. Spustelėkite jį, kad įsitikintumėte, jog jis atsidaro ir veikia teisingai.