Asyntai AI -chatbotin lisääminen TYPO3:een

Alusta:

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

Vaihe 1: Hanki upotuskoodisi

Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas "Upotuskoodi"-osioon. Kopioi yksilöllinen upotuskoodisi, joka näyttää tältä:

Vaihe 2: TypoScript footerDatan käyttö (suositeltu)

Helpoin tapa lisätä chatbot kaikille sivuille on käyttää TypoScript footerDataa:

1. Kirjaudu TYPO3-hallintapaneeliin
2. Siirry kohtaan Web → Template
3. Valitse juurisivu sivupuusta
4. Napsauta "Edit the whole template record" (tai valitse "Info/Modify" ja sitten "Setup")
5. Lisää Setup-kenttään seuraava TypoScript-koodi:
   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. Korvaa YOUR_WIDGET_ID todellisella widget-tunnuksellasi hallintapaneelista
7. Napsauta "Save"
8. Tyhjennä TYPO3-välimuisti: Admin Tools → Maintenance → Flush TYPO3 and PHP Cache

Vaihtoehto: Sivustopaketin käyttö (sivustopaketeille)

Jos käytät sivustopakettia, voit lisätä skriptin TypoScript-konfiguraatiotiedostosi kautta:

1. Siirry sivustopakettikansioosi: packages/your_sitepackage/Configuration/TypoScript/
2. Avaa tai luo setup.typoscript
3. Lisää seuraava koodi:
   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. Korvaa YOUR_WIDGET_ID todellisella widget-tunnuksellasi
5. Tyhjennä välimuisti TYPO3-hallintapaneelissa

Vaihtoehto: Fluid-mallin käyttö (FooterAssets)

Fluid-malleja käyttäville sivustoille voit käyttää FooterAssets-osiota:

1. Siirry Fluid-mallitiedostoosi (yleensä kansiossa Resources/Private/Templates/)
2. Lisää FooterAssets-osio asettelu- tai mallitiedostoosi:
   <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. Varmista, että sivun asettelu renderöi FooterAssets-osion:
   <f:render section="FooterAssets" optional="true" />
4. Tyhjennä TYPO3-välimuisti

Vaihtoehto: AssetCollectorin käyttö (kehittäjille)

Laajennuskehittäjille TYPO3 v10.3+ tarjoaa AssetCollector API:n:

1. Lisää PHP-koodissasi (esim. kontrollerissa tai middlewaressa) AssetCollector
2. Lisää skripti mukautetuilla attribuuteilla:
   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']
);

Vaihe 3: Vahvista asennus

Kun olet tallentanut muutokset ja tyhjentänyt välimuistin, avaa verkkosivustosi uudessa selaimen välilehdessä tai incognito-ikkunassa. Chat-painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.