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 modułu niestandardowego kodu (zalecane)

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

1. Zaloguj się 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. Zainstaluj moduł taki jak "Custom JS and CSS" lub podobny
5. Po zainstalowaniu przejdź do konfiguracji modułu
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 niektórych 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ęczną 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. Zamień YOUR_WIDGET_ID na rzeczywisty identyfikator widgetu
5. Wyczyść pamięć podręczną PrestaShop

Alternatywa: Utworzenie prostego modułu (dla deweloperów)

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

1. Utwórz folder: modules/asyntaichatbot/
2. Utwórz asyntaichatbot.php z następującym 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. Zamień YOUR_WIDGET_ID na rzeczywisty identyfikator widgetu
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.