Jak dodać chatbota Asyntai AI do PrestaShop

Platforma:

PrestaShop

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

Krok 1: Pobierz swój kod osadzania

Najpierw przejdź do swojego Panelu Asyntai i przewiń w dół do sekcji "Kod osadzania". Skopiuj swój unikalny kod osadzania, który będzie wyglądał tak:

Krok 2: Użycie modulu niestandardowego kodu (zalecane)

Najłatwiejszym sposobem dodania chatbota jest użycie darmowego modulu \"Custom Code" z rynku PrestaShop Addons:

1. Zaloguj sie do panelu administracyjnego PrestaShop
2. Przejdź do Modules → Module Manager
3. Kliknij "Upload a module" lub wyszukaj na rynku \"Custom Code" lub "Header Footer Scripts\"
4. Install a module like "Custom JS and CSS" or similar
5. Po zainstalowaniu przejdź do konfiguracji modulu
6. Znajdź sekcję "Footer Scripts" lub "Before </body>"
7. Wklej swój kod osadzania Asyntai
8. Kliknij "Save"

Alternatywa: Edycja szablonu motywu (PrestaShop 1.7+/8)

Możesz dodać kod bezpośrednio do szablonu stopki motywu:

1. Uzyskaj dostęp do plików PrestaShop przez FTP lub menedżera plików
2. Przejdź do folderu motywu: themes/your_theme/templates/_partials/
3. Otwórz plik footer.tpl (lub w niektorych motywach sprawdź templates/layouts/layout-both-columns.tpl)
4. Znajdź zamykający znacznik </body> lub sekcję {block name='javascript_bottom'}
5. Wklej swoj kod osadzania Asyntai tuz przed zamykającym tagiem </body>
6. Zapisz plik
7. Wyczyść pamięć podręczna PrestaShop: Advanced Parameters → Performance → Clear cache

Alternatywa: Użycie niestandardowego pliku JavaScript motywu

Wiele motywów PrestaShop zawiera plik custom.js na własne skrypty:

1. Przejdź do: themes/your_theme/assets/js/
2. Poszukaj pliku o nazwie custom.js (utwórz go, jeśli nie istnieje)
3. Dodaj następujący kod, aby dynamicznie załadować chatbota:
   (function() {
  var script = document.createElement('script');
  script.async = true;
  script.src = 'https://asyntai.com/static/js/chat-widget.js';
  script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
  document.body.appendChild(script);
})();
4. Replace YOUR_WIDGET_ID with your actual widget ID
5. Wyczyść pamięć podręczna PrestaShop

Alternatywa: Utworzenie prostego modulu (dla deweloperow)

Deweloperzy mogą utworzyć prosty moduł za pomocą hooka displayFooter:

1. Utwórz folder: modules/asyntaichatbot/
2. Utwórz asyntaichatbot.php z nastepujacym kodem:
   <?php
class AsyntaiChatbot extends Module {
  public function __construct() {
    $this->name = 'asyntaichatbot';
    $this->version = '1.0.0';
    $this->author = 'Your Name';
    parent::__construct();
    $this->displayName = 'Asyntai Chatbot';
  }
  public function install() {
    return parent::install() && $this->registerHook('displayFooter');
  }
  public function hookDisplayFooter($params) {
    return '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
  }
}
3. Replace YOUR_WIDGET_ID with your actual widget ID
4. Zainstaluj moduł przez Modules → Module Manager

Krok 3: Weryfikacja instalacji

Po zapisaniu zmian i wyczyszczeniu pamięci podręcznej odwiedź swoj sklep w nowej karcie przeglądarki lub w oknie incognito. Powinieneś zobaczyć przycisk widgetu czatu w prawym dolnym rogu. Kliknij go, aby upewnić sie, ze otwiera sie i działa poprawnie.