Comment ajouter le chatbot IA Asyntai à TYPO3

Plateforme :

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

Étape 1 : Obtenir votre code d'intégration

Tout d'abord, rendez-vous sur votre Tableau de bord Asyntai et faites défiler jusqu'à la section « Code d'intégration ». Copiez votre code d'intégration unique qui ressemblera à ceci :

Étape 2 : Utiliser le footerData TypoScript (recommandé)

La façon la plus simple d'ajouter le chatbot à toutes les pages est d'utiliser TypoScript footerData :

1. Connectez-vous à votre back-office TYPO3
2. Accédez à Web → Modèle
3. Sélectionnez votre page racine dans l'arborescence des pages
4. Cliquez sur « Modifier l'ensemble de l'enregistrement du modèle » (ou sélectionnez « Info/Modifier » puis « Configuration »)
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. Remplacez YOUR_WIDGET_ID par votre identifiant de widget réel depuis le tableau de bord
7. Cliquez sur "Save"
8. Videz le cache TYPO3 : Admin Tools → Maintenance → Flush TYPO3 and PHP Cache

Alternative : Utilisation d'un Site Package (pour les Site Packages)

Si vous utilisez un package de site, vous pouvez ajouter le script via votre fichier de configuration TypoScript :

1. Accédez au dossier de votre package de site : packages/your_sitepackage/Configuration/TypoScript/
2. Ouvrez ou créez setup.typoscript
3. Ajoutez le code suivant :
   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. Videz le cache dans le backend TYPO3

Alternative : Utilisation du template Fluid (FooterAssets)

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

1. Accédez à votre fichier de modèle Fluid (généralement dans Resources/Private/Templates/)
2. Ajoutez une section FooterAssets dans votre mise en page ou template :
   <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. Assurez-vous que votre mise en page rend la section FooterAssets :
   <f:render section="FooterAssets" optional="true" />
4. Videz le cache TYPO3

Alternative : Utilisation d'AssetCollector (pour les développeurs)

For extension developers, TYPO3 v10.3+ offers the AssetCollector API:

1. Dans votre code PHP (par exemple, un contrôleur ou un middleware), injectez l'AssetCollector
2. Ajoutez le script avec des attributs personnalisés :
   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']
);

Étape 3 : Vérifier l'installation

Après avoir enregistré vos modifications et vidé le cache, visitez votre site web dans un nouvel onglet de navigateur ou en navigation privée. Vous devriez voir le bouton du widget de chat dans le coin inférieur droit. Cliquez dessus pour vérifier qu'il s'ouvre et fonctionne correctement.