Jak dodać chatbota AI Asyntai do TYPO3

Platforma:

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

Krok 1: Pobierz swój kod osadzania

Najpierw przejdź do swojego Panelu Asyntai i przewiń w dół do sekcji "Kod osadzania". Skopiuj swój unikalny kod osadzania, który będzie wyglądał tak:

Krok 2: Użycie TypoScript footerData (zalecane)

Najłatwiejszym sposobem dodania chatbota do wszystkich stron jest użycie TypoScript footerData:

1. Zaloguj się do panelu TYPO3 Backend
2. Przejdź do Web → Template
3. Wybierz stronę główną w drzewie stron
4. Kliknij "Edit the whole template record" (lub wybierz "Info/Modify", a następnie "Setup")
5. W polu Setup dodaj następujący kod TypoScript:
   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. Zamien YOUR_WIDGET_ID na rzeczywisty identyfikator widgetu z panelu sterowania
7. Kliknij "Save"
8. Wyczyść pamięć podręczna TYPO3: Admin Tools → Maintenance → Flush TYPO3 and PHP Cache

Alternatywa: Użycie pakietu witryny (dla pakietów witryn)

Jeśli korzystasz z pakietu witryny, możesz dodać skrypt za pomocą pliku konfiguracyjnego TypoScript:

1. Przejdź do folderu pakietu witryny: packages/your_sitepackage/Configuration/TypoScript/
2. Otwórz lub utwórz plik setup.typoscript
3. Dodaj następujący kod:
   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. Zamień YOUR_WIDGET_ID na rzeczywisty identyfikator widgetu
5. Wyczyść pamięć podręczną w panelu TYPO3

Alternatywa: Użycie szablonu Fluid (FooterAssets)

W przypadku witryn korzystających z szablonów Fluid można użyć sekcji FooterAssets:

1. Przejdź do pliku szablonu Fluid (zwykle w Resources/Private/Templates/)
2. Dodaj sekcję FooterAssets w swoim układzie lub szablonie:
   <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. Upewnij się, że układ strony renderuje sekcję FooterAssets:
   <f:render section="FooterAssets" optional="true" />
4. Wyczyść pamięć podręczną TYPO3

Alternatywa: Użycie AssetCollector (dla programistów)

Dla twórców rozszerzeń, TYPO3 v10.3+ oferuje AssetCollector API:

1. W swoim kodzie PHP (np. kontrolerze lub middleware) wstrzyknij AssetCollector
2. Dodaj skrypt z własnymi atrybutami:
   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']
);

Krok 3: Weryfikacja instalacji

Po zapisaniu zmian i wyczyszczeniu pamięci podręcznej odwiedź witrynę w nowej karcie przeglądarki lub w trybie incognito. Przycisk widgetu czatu powinien być widoczny w prawym dolnym rogu. Kliknij go, aby upewnić się, że otwiera się i działa poprawnie.