Kā pievienot Asyntai AI tērzēšanas robotu Sylius

Platforma:

Sylius

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Docusaurus Hugo Kentico Volusion Craft CMS Contentful Strapi Joomla Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Statamic Umbraco 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. solis: Iegūstiet savu iegulto kodu

Vispirms dodieties uz savu Asyntai vadības paneli un ritiniet uz leju līdz sadaļai "Iegultais kods". Nokopējiet savu unikālo iegulto kodu, kas izskatīsies šādi:

2. solis: Pievienošana Twig izkārtojuma veidnei (ieteicams)

Sylius ir veidots uz Symfony un izmanto Twig veidņu dzinēju. Ieteicamā pieeja ir pārrakstīt veikala izkārtojuma veidni, lai iekļautu tērzēšanas robotu visās veikala lapās.

1. Savā Sylius projektā dodieties uz direktoriju templates/bundles/SyliusShopBundle/ (izveidojiet to, ja tā neeksistē)
2. Izveidojiet vai rediģējiet failu layout.html.twig, lai pārrakstītu noklusējuma veikala izkārtojumu
3. Ja fails jau eksistē, atrodiet {% block javascripts %} bloku
4. Pievienojiet Asyntai iegulšanas kodu, paplašinot javascripts bloku:
   {% block javascripts %} {{ parent() }} <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> {% endblock %}
5. Aizstājiet YOUR_WIDGET_ID ar savu reālo logrīka ID no vadības paneļa
6. Saglabājiet failu

1. alternatīvā metode: Sylius veidņu notikumu izmantošana

Sylius nodrošina jaudīgu veidņu notikumu sistēmu, kas ļauj ievadīt saturu noteiktās izkārtojuma daļās, nepārrakstot visas veidnes. Varat to izmantot, lai pievienotu tērzēšanas robota logrīku kājenes zonai.

1. Izveidojiet jaunu veidnes failu templates/bundles/SyliusShopBundle/Event/asyntai_widget.html.twig ar šādu saturu:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
2. Reģistrējiet veidnes notikumu savā konfigurācijas failā config/packages/sylius_ui.yaml:
   sylius_ui:
    events:
        sylius.shop.layout.after_body:
            blocks:
                asyntai_chatbot:
                    template: "@SyliusShop/Event/asyntai_widget.html.twig"
                    priority: 0
3. Aizstājiet YOUR_WIDGET_ID ar savu reālo logrīka ID
4. Iztīriet Symfony kešatmiņu (skatiet 3. soli tālāk)

2. alternatīvā metode: Webpack Encore izmantošana

Ja jūsu Sylius projekts izmanto Webpack Encore resursu pārvaldīšanai, varat integrēt tērzēšanas robota skriptu caur savu JavaScript būvēšanas cauruļvadu.

1. Izveidojiet jaunu JavaScript failu assets/shop/js/asyntai-chatbot.js ar šādu saturu:
   (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);
})();
2. Importējiet šo failu savā veikala ievades punktā (piem., assets/shop/entry.js vai assets/shop/js/app.js):
   import './js/asyntai-chatbot';
3. Pārbūvējiet savus resursus, palaižot:
   yarn encore dev

   Vai ražošanai:

   yarn encore production
4. Aizstājiet YOUR_WIDGET_ID ar savu reālo logrīka ID

3. alternatīvā metode: Sonata Block Bundle izmantošana

Ja jūsu Sylius instalācija izmanto Sonata Block Bundle (iekļauts pēc noklusējuma dažās Sylius konfigurācijās), varat izveidot pielāgotu bloka servisu, lai atveidotu tērzēšanas robota logrīku.

1. Izveidojiet jaunu bloka servisa klasi savā projektā, piemēram, src/Block/AsyntaiChatbotBlockService.php:
   <?php

namespace App\Block;

use Sonata\BlockBundle\Block\BlockContextInterface;
use Sonata\BlockBundle\Block\Service\AbstractBlockService;
use Symfony\Component\HttpFoundation\Response;

class AsyntaiChatbotBlockService extends AbstractBlockService
{
    public function execute(BlockContextInterface $blockContext, Response $response = null): Response
    {
        return $this->renderResponse('block/asyntai_chatbot.html.twig', [
            'block' => $blockContext->getBlock(),
        ], $response);
    }
}
2. Izveidojiet bloka veidni templates/block/asyntai_chatbot.html.twig:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
3. Reģistrējiet bloka servisu savā config/services.yaml:
   services:
    app.block.asyntai_chatbot:
        class: App\Block\AsyntaiChatbotBlockService
        arguments:
            - '@twig'
        tags:
            - { name: sonata.block, context: footer }
4. Ievietojiet bloku kājenes kontekstā, izmantojot Sonata admin vai pievienojot to savai izkārtojuma konfigurācijai
5. Aizstājiet YOUR_WIDGET_ID ar savu reālo logrīka ID

3. solis: Notīriet kešatmiņu un pārbaudiet

Pēc izmaiņu veikšanas jums jāiztīra Symfony kešatmiņa un jāpārbauda instalācija:

1. Iztīriet Symfony kešatmiņu, palaižot šādu komandu no sava projekta saknes:
   bin/console cache:clear
2. Ja esat ražošanas vidē, arī uzsildiet kešatmiņu:
   bin/console cache:clear --env=prod
bin/console cache:warmup --env=prod
3. Atveriet savu aktīvo veikalu jaunā pārlūkprogrammas cilnē
4. Jums vajadzētu redzēt tērzēšanas logrīka pogu apakšējā labajā stūrī
5. Noklikšķiniet uz tās, lai pārliecinātos, ka tā atveras un darbojas pareizi