Kako dodati klepetalnik Asyntai AI v 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

Korak 1: Pridobite svojo vdelovalno kodo

Najprej pojdite na svojo Nadzorno ploščo Asyntai in se pomaknite navzdol do razdelka "Vdelovalna koda". Kopirajte svojo edinstveno vdelovalno kodo, ki bo videti takole:

Korak 2: Uredite glavno predlogo (priporočeno)

Najlažji način za dodajanje klepetalnika na vse strani je urejanje vaše glavne predloge:

1. Prijavite se v svoje zaledje Umbraco
2. Pojdite na Nastavitve v levi stranski vrstici
3. Razširite Predloge
4. Kliknite na svojo predlogo Master (ali glavno predlogo postavitve, ki jo vaše spletno mesto uporablja)
5. Poiščite zaključno oznako </body>
6. Prilepite svojo vdelovalno kodo Asyntai tik pred oznako </body>
7. Kliknite "Shrani"

Alternativa: Uporaba vrste dokumenta Nastavitve spletnega mesta

Za večjo prilagodljivost lahko dodate polje po meri za upravljanje skript noge:

1. Pojdite na Nastavitve → Vrste dokumentov
2. Uredite svojo vrsto dokumenta Nastavitve spletnega mesta (ali jo ustvarite, če ne obstaja)
3. Dodajte novo lastnost z imenom "Skripte noge" s podatkovnim tipom Textarea
4. Shranite vrsto dokumenta
5. Go to Content and edit your Site Settings node
6. Prilepite svojo vdelano kodo Asyntai v polje Skripte noge
7. V svojo glavno predlogo dodajte to kodo pred </body>:
   @Html.Raw(Model.Value("footerScripts"))
8. Shranite tako vsebino kot predlogo

Alternativa: Uporaba mape skript

Ustvarite lahko tudi datoteko JavaScript v zaledju Umbraco:

1. Pojdite na Nastavitve → Skripte
2. Z desnim klikom na Skripte izberite "Ustvari"
3. Ustvarite novo datoteko z imenom asyntai-chatbot.js
4. Dodajte naslednjo kodo:
   (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. Replace YOUR_WIDGET_ID with your actual widget ID
6. Shranite datoteko
7. Vključite to skripto v svojo glavno predlogo pred </body>:
   <script src="/scripts/asyntai-chatbot.js"></script>

Alternativa: Za posamezno stran z RenderSection

Če želite klepetalnik le na določenih straneh:

1. V svojo glavno predlogo dodajte pred </body>:
   @RenderSection("footerScripts", required: false)
2. V določeno predlogo strani, kjer želite klepetalnik, dodajte:
   @section footerScripts {
  <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
}

Korak 3: Preverite namestitev

Po shranjevanju sprememb obiščite svojo spletno stran v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu bi morali videti gumb klepetalnika. Kliknite ga, da preverite, ali se pravilno odpre in deluje.