Az Asyntai AI Chatbot hozzáadása a TYPO3-hoz

Platform:

TYPO3

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: TypoScript footerData használata (ajánlott)

A chatbot összes oldalhoz való hozzáadásának legegyszerűbb módja a TypoScript footerData használata:

1. Jelentkezzen be a TYPO3 adminfelületére
2. Lépjen a Web → Sablon menüponthoz
3. Válassza ki a gyökéroldalt az oldafában
4. Kattintson a „Teljes sablonrekord szerkesztése" gombra (vagy válassza az „Információ/Módosítás", majd a „Beállítás" opciót)
5. In the Setup field, add the following TypoScript code:
   page.footerData.99 = TEXT
page.footerData.99.value = <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
6. Cserélje ki a YOUR_WIDGET_ID értékét a tényleges widget azonosítójára az irányítópultról
7. Kattintson a „Mentés" gombra
8. Ürítse a TYPO3 gyorsítótárát: Admin eszközök → Karbantartás → TYPO3 és PHP gyorsítótár ürítése

Alternatíva: Site Package használata (Site Package-ekhez)

Ha site package-et használ, a szkriptet a TypoScript konfigurációs fájlon keresztül adhatja hozzá:

1. Navigáljon a site package mappájához: packages/your_sitepackage/Configuration/TypoScript/
2. Nyissa meg vagy hozza létre a setup.typoscript fájlt
3. Adja hozzá a következő kódot:
   page.footerData {
  99 = TEXT
  99.value = <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
}
4. Replace YOUR_WIDGET_ID with your actual widget ID
5. Ürítse a gyorsítótárat a TYPO3 adminfelületen

Alternatíva: Fluid sablon használata (FooterAssets)

For sites using Fluid templates, you can use the FooterAssets section:

1. Navigáljon a Fluid sablonfájlhoz (általában a Resources/Private/Templates/ könyvtárban)
2. Adjon hozzá FooterAssets szakaszt az elrendezéshez vagy sablonhoz:
   <f:section name="FooterAssets">
  <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</f:section>
3. Make sure your page layout renders the FooterAssets section:
   <f:render section="FooterAssets" optional="true" />
4. Ürítse a TYPO3 gyorsítótárát

Alternatíva: AssetCollector használata (fejlesztőknek)

Bővítményfejlesztők számára a TYPO3 v10.3+ az AssetCollector API-t kínálja:

1. A PHP kódjában (pl. egy vezérlőben vagy köztes rétegben) injektálja az AssetCollectort
2. Adja hozzá a szkriptet egyéni attribútumokkal:
   use TYPO3\CMS\Core\Page\AssetCollector;

$this->assetCollector->addJavaScript(
  'asyntai_chatbot',
  'https://asyntai.com/static/js/chat-widget.js',
  ['async' => 'async', 'data-asyntai-id' => 'YOUR_WIDGET_ID']
);

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

A módosítások mentése és a gyorsítótár ürítése után látogasson el webhelyére egy új böngészőlapon vagy inkognitóablakban. A jobb alsó sarokban meg kell jelennie a chat widget gombnak. Kattintson rá, hogy megbizonyosodjon arról, hogy megfelelően nyílik meg és működik.