Asyntai AI -chatbotin lisääminen PrestaShopiin

Alusta:

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

Vaihe 1: Hanki upotuskoodisi

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

Vaihe 2: Mukautetun koodin moduulin käyttö (suositeltu)

Helpoin tapa lisätä chatbot on käyttää ilmaista "Custom Code" -moduulia PrestaShop Addons -kauppapaikasta:

1. Kirjaudu sisään PrestaShop Back Office -hallintapaneeliin
2. Siirry kohtaan Modules → Module Manager
3. Napsauta "Upload a module" tai etsi kauppapaikasta "Custom Code" tai "Header Footer Scripts\
4. Asenna moduuli, kuten "Custom JS and CSS" tai vastaava
5. Kun moduuli on asennettu, siirry sen asetuksiin
6. Etsi "Footer Scripts"- tai "Before </body>" -osio
7. Liitä Asyntai-upotuskoodisi
8. Napsauta "Save"

Vaihtoehto: Teemamallin muokkaus (PrestaShop 1.7+/8)

Voit lisätä koodin suoraan teemasi alatunnistemalliin:

1. Käytä PrestaShop-tiedostojasi FTP:n tai tiedostonhallinnan kautta
2. Siirry teemakansioon: themes/your_theme/templates/_partials/
3. Avaa tiedosto footer.tpl (tai joissakin teemoissa tarkista templates/layouts/layout-both-columns.tpl)
4. Etsi sulkeva </body>-tagi tai {block name='javascript_bottom'} -osio
5. Liitä Asyntai-upotuskoodisi juuri ennen sulkevaa </body>-tagia
6. Tallenna tiedosto
7. Tyhjennä PrestaShop-välimuisti: Advanced Parameters → Performance → Clear cache

Vaihtoehto: Teeman mukautetun JavaScript-tiedoston käyttö

Monissa PrestaShop-teemoissa on custom.js-tiedosto omille skripteillesi:

1. Siirry kansioon: themes/your_theme/assets/js/
2. Etsi tiedosto nimeltä custom.js (luo se, jos sitä ei ole)
3. Lisää seuraava koodi chatbotin dynaamiseen lataamiseen:
   (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. Korvaa YOUR_WIDGET_ID todellisella widget-tunnuksellasi
5. Tyhjennä PrestaShop-välimuisti

Vaihtoehto: Yksinkertaisen moduulin luominen (kehittäjille)

Kehittäjät voivat luoda yksinkertaisen moduulin käyttämällä displayFooter-hookia:

1. Luo kansio: modules/asyntaichatbot/
2. Luo asyntaichatbot.php seuraavalla koodilla:
   <?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. Korvaa YOUR_WIDGET_ID todellisella widget-tunnuksellasi
4. Asenna moduuli kohdasta Modules → Module Manager

Vaihe 3: Vahvista asennus

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