Sådan tilføjer du Asyntai AI-chatbot til Umbraco

Platform:

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

Trin 1: Hent din indlejringskode

Gå først til dit Asyntai Dashboard og rul ned til sektionen "Indlejringskode". Kopiér din unikke indlejringskode, der vil se sådan ud:

Trin 2: Rediger masterskabelon (anbefalet)

Den nemmeste måde at tilføje chatbotten til alle sider er ved at redigere din masterskabelon:

1. Log ind på dit Umbraco Backoffice
2. Gå til Indstillinger i den venstre sidebjælke
3. Udvid Skabeloner
4. Klik på din Master-skabelon (eller den primære layoutskabelon, dit websted bruger)
5. Find det afsluttende </body>-tag
6. Indsæt din Asyntai indlejringskode lige inden </body>-tagget
7. Klik på "Gem"

Alternativ: Brug af dokumenttype for webstedsindstillinger

For mere fleksibilitet kan du tilføje et brugerdefineret felt til at administrere sidefodsskripts:

1. Gå til Indstillinger → Dokumenttyper
2. Rediger din dokumenttype Webstedsindstillinger (eller opret en, hvis den ikke eksisterer)
3. Tilføj en ny egenskab kaldet "Sidefodsskripts" med datatypen Tekstområde
4. Gem dokumenttypen
5. Gå til Indhold og rediger din Webstedsindstillinger-node
6. Indsæt din Asyntai-indlejringskode i feltet Sidefodsskripts
7. I din masterskabelon tilføjer du denne kode før </body>:
   @Html.Raw(Model.Value("footerScripts"))
8. Gem både indholdet og skabelonen

Alternativ: Brug af Scripts-mappe

Du kan også oprette en JavaScript-fil i Umbraco Backoffice:

1. Gå til Indstillinger → Scripts
2. Højreklik på Scripts og vælg "Opret"
3. Opret en ny fil kaldet asyntai-chatbot.js
4. Tilføj følgende kode:
   (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. Erstat YOUR_WIDGET_ID med dit faktiske widget-ID
6. Gem filen
7. Inkluder dette script i din masterskabelon før </body>:
   <script src="/scripts/asyntai-chatbot.js"></script>

Alternativ: Sidespecifik med RenderSection

Hvis du kun ønsker chatbotten på specifikke sider:

1. I din masterskabelon tilføjer du før </body>:
   @RenderSection("footerScripts", required: false)
2. I den specifikke sideskabelon, hvor du ønsker chatbotten, tilføjer du:
   @section footerScripts {
  <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
}

Trin 3: Verificér installationen

Besøg dit websted i en ny browserfane eller inkognitovindue efter at have gemt dine ændringer. Du bør se chat-widget-knappen i det nedre højre hjørne. Klik på den for at sikre, at den åbner og fungerer korrekt.