Az Asyntai AI Chatbot hozzáadása az Umbraco-hoz

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

1. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

2. lépés: Master sablon szerkesztése (ajánlott)

A chatbot összes oldalhoz való hozzáadásának legegyszerűbb módja a Master sablon szerkesztése:

1. Jelentkezzen be az Umbraco Backoffice-ba
2. Lépjen a Beállítások menübe a bal oldali sávban
3. Bővítse ki a Sablonok menüpontot
4. Kattintson a Master sablonra (vagy a webhely által használt fő elrendezési sablonra)
5. Keresse meg a záró </body> taget
6. Illessze be az Asyntai beágyazási kódot közvetlenül a </body> tag elé
7. Kattintson a „Mentés" gombra

Alternatíva: Webhely-beállítások dokumentumtípus használata

A nagyobb rugalmasság érdekében egyéni mezőt adhat hozzá a lábléc szkriptek kezeléséhez:

1. Lépjen a Beállítások → Dokumentumtípusok menüponthoz
2. Szerkessze a Webhely-beállítások dokumentumtípust (ha nem létezik, hozza létre)
3. Adjon hozzá egy új tulajdonságot „Lábléc szkriptek" névvel és Szövegterület adattípussal
4. Mentse el a dokumentumtípust
5. Go to Content and edit your Site Settings node
6. Illessze be az Asyntai beágyazó kódját a Lábléc szkriptek mezőbe
7. A Master sablonban adja hozzá ezt a kódot a </body> elé:
   @Html.Raw(Model.Value("footerScripts"))
8. Mentse el mind a tartalmat, mind a sablont

Alternatíva: Scripts mappa használata

JavaScript fájlt is létrehozhat az Umbraco Backoffice-ban:

1. Lépjen a Beállítások → Szkriptek menüponthoz
2. Kattintson jobb gombbal a Szkriptek mappára, és válassza a „Létrehozás" opciót
3. Hozzon létre egy új fájlt asyntai-chatbot.js névvel
4. Adja hozzá a következő kódot:
   (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. Mentse el a fájlt
7. Illessze be ezt a szkriptet a Master sablonba a </body> elé:
   <script src="/scripts/asyntai-chatbot.js"></script>

Alternatíva: Oldalspecifikus RenderSection-nel

Ha csak bizonyos oldalakra szeretné a chatbotot:

1. A Master sablonban adja hozzá a </body> elé:
   @RenderSection("footerScripts", required: false)
2. Az adott oldalon, ahol a chatbotot szeretné, adja hozzá:
   @section footerScripts {
  <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
}

3. lépés: Telepítés ellenőrzése

A változtatások mentése után látogassa meg weboldalát egy új böngészőlapon vagy inkognító ablakban. Látnia kell a chat widget gombot a jobb alsó sarokban. Kattintson rá, hogy meggyőződjön arról, hogy megfelelően nyílik meg és működik.