Cum să adăugați chatbotul AI Asyntai pe 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

Pasul 1: Obțineți codul de încorporare

Mai întâi, accesați Tabloul de bord Asyntai și derulați în jos până la secțiunea "Cod de încorporare". Copiați codul unic de încorporare care va arăta astfel:

Pasul 2: Editați șablonul Master (recomandat)

Cea mai ușoară modalitate de a adăuga chatbotul pe toate paginile este prin editarea șablonului Master:

1. Conectați-vă la Umbraco Backoffice
2. Accesați Setări în bara laterală din stânga
3. Extindeți Șabloane
4. Faceți clic pe șablonul Master (sau șablonul principal de layout pe care îl folosește site-ul dvs.)
5. Găsiți eticheta de închidere </body>
6. Inserați codul de încorporare Asyntai chiar înainte de eticheta </body>
7. Faceți clic pe "Salvare"

Alternativă: Utilizarea tipului de document Setări site

Pentru mai multă flexibilitate, puteți adăuga un câmp personalizat pentru gestionarea scripturilor footer:

1. Accesați Setări → Tipuri de document
2. Editați tipul de document Setări site (sau creați unul dacă nu există)
3. Adăugați o proprietate nouă numită "Scripturi footer" cu tipul de date Textarea
4. Salvați tipul de document
5. Accesați Conținut și editați nodul Setări site
6. Inserați codul de încorporare Asyntai în câmpul Scripturi footer
7. În șablonul Master, adăugați acest cod înainte de </body>:
   @Html.Raw(Model.Value("footerScripts"))
8. Salvați atât conținutul, cât și șablonul

Alternativă: Utilizarea folderului de scripturi

Puteți, de asemenea, crea un fișier JavaScript în Umbraco Backoffice:

1. Accesați Setări → Scripturi
2. Faceți clic dreapta pe Scripturi și selectați "Creare"
3. Creați un fișier nou numit asyntai-chatbot.js
4. Adăugați următorul cod:
   (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. Înlocuiți YOUR_WIDGET_ID cu ID-ul real al widget-ului dvs.
6. Salvați fișierul
7. Includeți acest script în șablonul Master înainte de </body>:
   <script src="/scripts/asyntai-chatbot.js"></script>

Alternativă: Specific paginii cu RenderSection

Dacă doriți chatbot-ul doar pe pagini specifice:

1. În șablonul Master, adăugați înainte de </body>:
   @RenderSection("footerScripts", required: false)
2. În șablonul specific al paginii unde doriți chatbotul, adăugați:
   @section footerScripts {
  <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
}

Pasul 3: Verificați instalarea

După ce ați salvat modificările, vizitați site-ul dvs. într-o filă nouă de browser sau într-o fereastră incognito. Ar trebui să vedeți butonul widget-ului de chat în colțul din dreapta jos. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.