Kuidas lisada Asyntai AI vestlusrobotit Umbracole

Platvorm:

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. samm: hankige oma manuskood

Esmalt minge oma Asyntai juhtpaneelile ja kerige alla jaotiseni "Manuskood". Kopeerige oma unikaalne manuskood, mis näeb välja selline:

2. samm: põhimalli muutmine (soovitatav)

Lihtsaim viis vestlusroboti lisamiseks kõikidele lehtedele on muuta oma põhimalli:

1. Logige sisse oma Umbraco tagarakendusse
2. Minge vasakpoolsel külgribal Seadete juurde
3. Laiendage Mallid
4. Klõpsake oma Peamisel mallil (või peamisel küljenduse mallil, mida teie sait kasutab)
5. Leidke sulgev </body> silt
6. Kleepige oma Asyntai manuskood vahetult enne </body> silti
7. Klõpsake "Salvesta"

Alternatiiv: saidi seadete dokumenditüübi kasutamine

Suurema paindlikkuse saamiseks saate lisada kohandatud välja jaluse skriptide haldamiseks:

1. Minge Seaded → Dokumenditüübid
2. Muutke oma Saidi seadete dokumenditüüpi (või looge see, kui seda ei ole)
3. Lisage uus omadus nimega "Jaluse skriptid" andmetüübiga Textarea
4. Salvestage dokumenditüüp
5. Minge jaotisesse Sisu ja muutke oma saidi seadete sõlme
6. Kleepige oma Asyntai manuskood jaluse skriptide väljale
7. Oma põhimallis lisage see kood enne </body>:
   @Html.Raw(Model.Value("footerScripts"))
8. Salvestage nii sisu kui mall

Alternatiiv: skriptide kausta kasutamine

Saate luua ka JavaScripti faili Umbraco tagarakendis:

1. Minge Seaded → Skriptid
2. Paremklõpsake Skriptidel ja valige "Loo"
3. Looge uus fail nimega asyntai-chatbot.js
4. Lisage järgmine kood:
   (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. Asendage YOUR_WIDGET_ID oma tegeliku vidina ID-ga
6. Salvestage fail
7. Kaasake see skript oma põhimallis enne </body>:
   <script src="/scripts/asyntai-chatbot.js"></script>

Alternatiiv: lehepõhine RenderSectioniga

Kui soovite vestlusrobotit ainult kindlatele lehtedele:

1. Oma põhimallis lisage enne </body>:
   @RenderSection("footerScripts", required: false)
2. Konkreetses lehemallis, kuhu soovite vestlusrobotit, lisage:
   @section footerScripts {
  <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
}

3. samm: kontrollige paigaldust

Pärast muudatuste salvestamist külastage oma veebisaiti uues brauseri vahekaardil või inkognito aknas. Peaksite nägema vestlusvidina nuppu alumises paremas nurgas. Klõpsake sellel, et veenduda, et see avaneb ja töötab korrektselt.