Cum să adăugați Chatbot-ul AI Asyntai în TYPO3

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

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

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

Pasul 2: Utilizarea TypoScript footerData (recomandat)

Cea mai ușoară modalitate de a adăuga chatbotul pe toate paginile este utilizarea TypoScript footerData:

1. Conectați-vă la Backend-ul TYPO3
2. Accesați Web → Șablon
3. Selectați pagina rădăcină în arborele de pagini
4. Faceți clic pe "Editați întreaga înregistrare de șablon" (sau selectați "Informații/Modificare" și apoi "Configurare")
5. În câmpul Setup, adăugați următorul cod TypoScript:
   page.footerData.99 = TEXT
page.footerData.99.value = <script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
6. Înlocuiți YOUR_WIDGET_ID cu ID-ul real al widget-ului din tabloul de bord
7. Faceți clic pe "Salvare"
8. Goliți memoria cache TYPO3: Instrumente admin → Întreținere → Golire cache TYPO3 și PHP

Alternativă: Utilizarea pachetului de site (pentru pachete de site)

Dacă utilizați un pachet de site, puteți adăuga scriptul prin fișierul de configurare TypoScript:

1. Navigați la folderul pachetului de site: packages/your_sitepackage/Configuration/TypoScript/
2. Deschideți sau creați setup.typoscript
3. Adăugați următorul cod:
   page.footerData {
  99 = TEXT
  99.value = <script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
}
4. Înlocuiți YOUR_WIDGET_ID cu ID-ul real al widget-ului dvs.
5. Goliți memoria cache în backend-ul TYPO3

Alternativă: Utilizarea șablonului Fluid (FooterAssets)

Pentru site-urile care utilizează șabloane Fluid, puteți utiliza secțiunea FooterAssets:

1. Navigați la fișierul șablonului Fluid (de obicei în Resources/Private/Templates/)
2. Adăugați o secțiune FooterAssets în layout-ul sau șablonul dvs.:
   <f:section name="FooterAssets">
  <script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
</f:section>
3. Asigurați-vă că layout-ul paginii dvs. randează secțiunea FooterAssets:
   <f:render section="FooterAssets" optional="true" />
4. Goliți memoria cache TYPO3

Alternativă: Utilizarea AssetCollector (pentru dezvoltatori)

Pentru dezvoltatorii de extensii, TYPO3 v10.3+ oferă API-ul AssetCollector:

1. În codul dvs. PHP (de ex., un controller sau middleware), injectați AssetCollector
2. Adăugați scriptul cu atribute personalizate:
   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']
);

Pasul 3: Verificați instalarea

După ce ați salvat modificările și ați golit cache-ul, 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.