Hoe voegt u de Asyntai AI Chatbot toe aan 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

Stap 1: Uw insluitcode ophalen

Ga eerst naar uw Asyntai Dashboard en scroll naar het gedeelte "Insluitcode". Kopieer uw unieke insluitcode die er als volgt uitziet:

Stap 2: Master Template bewerken (aanbevolen)

De eenvoudigste manier om de chatbot aan alle pagina's toe te voegen is door uw Master-template te bewerken:

1. Log in op uw Umbraco Backoffice
2. Ga naar Settings in de linkerzijbalk
3. Vouw Templates uit
4. Klik op uw Master-template (of de hoofdlayouttemplate die uw site gebruikt)
5. Zoek de afsluitende </body>-tag
6. Plak uw Asyntai-insluitcode net vóór de </body>-tag
7. Klik op "Save"

Alternatief: Site Settings Document Type gebruiken

Voor meer flexibiliteit kunt u een aangepast veld toevoegen om footerscripts te beheren:

1. Ga naar Settings → Document Types
2. Bewerk uw Site Settings documenttype (of maak er een aan als het niet bestaat)
3. Voeg een nieuwe eigenschap toe genaamd "Footer Scripts" met een Textarea-gegevenstype
4. Sla het Document Type op
5. Ga naar Content en bewerk uw Site Settings-knooppunt
6. Plak uw Asyntai-insluitcode in het veld Footer Scripts
7. Voeg in uw Master-template deze code toe vóór </body>:
   @Html.Raw(Model.Value("footerScripts"))
8. Sla zowel de inhoud als de template op

Alternatief: Scripts-map gebruiken

U kunt ook een JavaScript-bestand aanmaken in de Umbraco Backoffice:

1. Ga naar Settings → Scripts
2. Klik met de rechtermuisknop op Scripts en selecteer "Create"
3. Create a new file called asyntai-chatbot.js
4. Voeg de volgende code toe:
   (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. Vervang YOUR_WIDGET_ID door uw werkelijke widget-ID
6. Sla het bestand op
7. Voeg dit script toe in uw Master-template vóór </body>:
   <script src="/scripts/asyntai-chatbot.js"></script>

Alternatief: Paginaspecifiek met RenderSection

Als u de chatbot alleen op specifieke pagina's wilt:

1. Voeg in uw Master-template het volgende toe vóór </body>:
   @RenderSection("footerScripts", required: false)
2. In the specific page template where you want the chatbot, add:
   @section footerScripts {
  <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
}

Stap 3: Installatie verifiëren

Bezoek na het opslaan van uw wijzigingen uw website in een nieuw browsertabblad of incognitovenster. U zou de chatwidgetknop rechtsonder in de hoek moeten zien. Klik erop om te controleren of deze correct opent en werkt.