Kako dodati Asyntai AI chatbot na 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

Korak 1: Nabavite svoj kod za ugradnju

Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

Korak 2: Korištenje TypoScript footerData (Preporučeno)

Najlaksi nacin za dodavanje chatbota na sve stranice je koristenje TypoScript footerData:

1. Prijavite se u svoj TYPO3 Backend
2. Idite na Web → Template
3. Odaberite korijensku stranicu u stablu stranica
4. Kliknite na "Edit the whole template record" (ili odaberite "Info/Modify" pa "Setup")
5. U polje Setup dodajte sljedeći TypoScript kod:
   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. Zamijenite YOUR_WIDGET_ID svojim stvarnim ID-jem widgeta s nadzorne ploce
7. Kliknite "Spremi"
8. Ocistite TYPO3 predmemoriju: Admin Tools → Maintenance → Flush TYPO3 and PHP Cache

Alternativa: Korištenje paketa stranice (Za pakete stranica)

Ako koristite paket stranice, mozete dodati skriptu putem svoje TypoScript konfiguracijske datoteke:

1. Navigirajte do mape paketa stranice: packages/vas_paketstranice/Configuration/TypoScript/
2. Otvorite ili izradite setup.typoscript
3. Dodajte sljedeći 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. Zamijenite YOUR_WIDGET_ID svojim stvarnim ID-jem widgeta
5. Očistite predmemoriju u TYPO3 backendu

Alternativa: Korištenje Fluid predloška (FooterAssets)

Za web-mjesta koja koriste Fluid predloške, možete koristiti odjeljak FooterAssets:

1. Navigirajte do svoje Fluid datoteke predloska (obicno u Resources/Private/Templates/)
2. Dodajte odjeljak FooterAssets u svoj raspored ili predlozak:
   <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. Provjerite prikazuje li vaš raspored stranice odjeljak FooterAssets:
   <f:render section="FooterAssets" optional="true" />
4. Očistite TYPO3 predmemoriju

Alternativa: Korištenje AssetCollectora (Za programere)

Za programere proširenja, TYPO3 v10.3+ nudi AssetCollector API:

1. U svom PHP kodu (npr. kontroleru ili middlewareu) ubacite AssetCollector
2. Dodajte skriptu s prilagođenim atributima:
   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']
);

Korak 3: Provjerite instalaciju

Nakon spremanja promjena i čišćenja predmemorije, posjetite svoju web stranicu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb widgeta za razgovor u donjem desnom kutu. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.