Kaip pridėti Asyntai AI pokalbių robotą prie Umbraco

Platforma:

Umbraco

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: Pagrindinio šablono redagavimas (rekomenduojama)

Paprasčiausias būdas pridėti pokalbių robotą visuose puslapiuose yra redaguoti pagrindinį šabloną:

1. Prisijunkite prie savo Umbraco Backoffice
2. Eikite į Nustatymai kairiojoje šoninėje juostoje
3. Išskleiskite Šablonai
4. Spustelėkite savo Master šabloną (arba pagrindinį išdėstymo šabloną, kurį naudoja jūsų svetainė)
5. Raskite uždaromąjį </body> žymą
6. Įklijuokite savo Asyntai įterpimo kodą prieš </body> žymą
7. Spustelėkite "Išsaugoti"

Alternatyva: svetainės nustatymų dokumento tipo naudojimas

Didesniam lankstumui galite pridėti individualų lauką poraštės scenarijams valdyti:

1. Eikite į Settings → Document Types
2. Redaguokite savo Site Settings dokumento tipą (arba sukurkite jį, jei jo nėra)
3. Pridėkite naują savybę, pavadintą "Footer Scripts", su Textarea duomenų tipu
4. Išsaugokite dokumento tipą
5. Eikite į Content ir redaguokite savo Site Settings mazgą
6. Įklijuokite savo Asyntai įterpimo kodą Footer Scripts lauke
7. Savo pagrindiniame šablone pridėkite šį kodą prieš </body>:
   @Html.Raw(Model.Value("footerScripts"))
8. Išsaugokite ir turinį, ir šabloną

Alternatyva: scenarijų aplanko naudojimas

Taip pat galite sukurti JavaScript failą Umbraco Backoffice:

1. Eikite į Settings → Scripts
2. Dešiniuoju pelės mygtuku spustelėkite Scripts ir pasirinkite "Create"
3. Sukurkite naują failą, pavadintą asyntai-chatbot.js
4. 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);
})();
5. Pakeiskite YOUR_WIDGET_ID savo tikruoju valdiklio ID
6. Išsaugokite failą
7. Įtraukite šį scenarijų į pagrindinį šabloną prieš </body>:
   <script src="/scripts/asyntai-chatbot.js"></script>

Alternatyva: specifinis puslapiui su RenderSection

Jei norite pokalbių roboto tik konkrečiuose puslapiuose:

1. Savo pagrindiniame šablone pridėkite prieš </body>:
   @RenderSection("footerScripts", required: false)
2. Konkrečiame puslapio šablone, kuriame norite pokalbių roboto, pridėkite:
   @section footerScripts {
  <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
}

3 žingsnis: Patikrinkite diegimą

Išsaugoję pakeitimus, apsilankykite 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.