Hur du lägger till Asyntai AI-chattbot i Umbraco

Plattform:

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

Steg 1: Hämta din inbäddningskod

Gå först till din Asyntai-instrumentpanel och scrolla ner till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod som ser ut så här:

Steg 2: Redigera huvudmallen (rekommenderas)

Det enklaste sättet att lägga till chattboten på alla sidor är att redigera din huvudmall:

1. Logga in på din Umbraco Backoffice
2. Gå till Inställningar i det vänstra sidofältet
3. Expandera Mallar
4. Klicka på din Master-mall (eller den huvudsakliga layoutmall som din webbplats använder)
5. Hitta den avslutande taggen </body>
6. Klistra in din Asyntai-inbäddningskod precis före taggen </body>
7. Klicka på "Spara"

Alternativ: Använda dokumenttypen för webbplatsinställningar

För mer flexibilitet kan du lägga till ett anpassat fält för att hantera sidfotsskript:

1. Gå till Inställningar → Dokumenttyper
2. Redigera din dokumenttyp Webbplatsinställningar (eller skapa en om den inte finns)
3. Lägg till en ny egenskap som heter "Footer Scripts" med datatypen Textarea
4. Spara dokumenttypen
5. Go to Content and edit your Site Settings node
6. Klistra in din Asyntai-inbäddningskod i fältet Sidfotsskript
7. I din huvudmall, lägg till den här koden innan </body>:
   @Html.Raw(Model.Value("footerScripts"))
8. Spara både innehållet och mallen

Alternativ: Använda skriptmappen

Du kan också skapa en JavaScript-fil i Umbraco Backoffice:

1. Gå till Inställningar → Skript
2. Högerklicka på Scripts och välj "Create"
3. Skapa en ny fil med namnet asyntai-chatbot.js
4. Lägg till följande 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. Ersätt YOUR_WIDGET_ID med ditt faktiska widget-ID
6. Spara filen
7. Inkludera det här skriptet i din mastermall före </body>:
   <script src="/scripts/asyntai-chatbot.js"></script>

Alternativ: Sidspecifik med RenderSection

Om du bara vill ha chattboten på specifika sidor:

1. I din Huvudmall, lägg till innan </body>:
   @RenderSection("footerScripts", required: false)
2. I den specifika sidmallen där du vill ha chattboten, lägg till:
   @section footerScripts {
  <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
}

Steg 3: Verifiera installationen

Efter att du har sparat dina ändringar, besök din webbplats i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.