Πώς να Προσθέσετε το AI Chatbot Asyntai στο TYPO3

Πλατφόρμα:

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

Βήμα 1: Αποκτήστε τον Κωδικό Ενσωμάτωσής σας

Πρώτα, μεταβείτε στον Πίνακα Ελέγχου Asyntai και κάντε κύλιση προς τα κάτω στην ενότητα «Κωδικός Ενσωμάτωσης». Αντιγράψτε τον μοναδικό κωδικό ενσωμάτωσής σας που θα μοιάζει ως εξής:

Βήμα 2: Χρήση TypoScript footerData (Συνιστάται)

Ο πιο εύκολος τρόπος για να προσθέσετε το chatbot σε όλες τις σελίδες είναι χρησιμοποιώντας το TypoScript footerData:

1. Συνδεθείτε στο TYPO3 Backend σας
2. Μεταβείτε στο Web → Template
3. Επιλέξτε τη ριζική σελίδα σας στο δέντρο σελίδων
4. Κάντε κλικ στο «Edit the whole template record» (ή επιλέξτε «Info/Modify» και στη συνέχεια «Setup»)
5. Στο πεδίο Setup, προσθέστε τον ακόλουθο κώδικα 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. Αντικαταστήστε το YOUR_WIDGET_ID με το πραγματικό widget ID από τον πίνακα ελέγχου
7. Κάντε κλικ στο «Αποθήκευση»
8. Εκκαθαρίστε την κρυφή μνήμη του TYPO3: Admin Tools → Maintenance → Flush TYPO3 and PHP Cache

Εναλλακτική: Χρήση Site Package (Για Site Packages)

Αν χρησιμοποιείτε ένα site package, μπορείτε να προσθέσετε το script μέσω του αρχείου ρυθμίσεων TypoScript:

1. Μεταβείτε στον φάκελο του site package σας: packages/your_sitepackage/Configuration/TypoScript/
2. Ανοίξτε ή δημιουργήστε το αρχείο setup.typoscript
3. Προσθέστε τον παρακάτω κώδικα:
   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. Εκκαθαρίστε την κρυφή μνήμη στο backend του TYPO3

Εναλλακτική: Χρήση Fluid Template (FooterAssets)

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

1. Μεταβείτε στο αρχείο Fluid template σας (συνήθως στο Resources/Private/Templates/)
2. Προσθέστε μια ενότητα FooterAssets στο layout ή 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. Make sure your page layout renders the FooterAssets section:
   <f:render section="FooterAssets" optional="true" />
4. Εκκαθαρίστε την κρυφή μνήμη του TYPO3

Εναλλακτική: Χρήση AssetCollector (Για Προγραμματιστές)

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

1. Στον κώδικα PHP σας (π.χ. σε ένα controller ή middleware), εισάγετε το AssetCollector
2. Προσθέστε το script με προσαρμοσμένα χαρακτηριστικά:
   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']
);

Βήμα 3: Επαληθεύστε την Εγκατάσταση

Αφού αποθηκεύσετε τις αλλαγές σας και εκκαθαρίσετε τη μνήμη cache, επισκεφθείτε τον ιστότοπό σας σε μια νέα καρτέλα προγράμματος περιήγησης ή σε παράθυρο ανώνυμης περιήγησης. Θα πρέπει να δείτε το κουμπί του widget συνομιλίας στην κάτω δεξιά γωνία. Κάντε κλικ για να βεβαιωθείτε ότι ανοίγει και λειτουργεί σωστά.