Nazaj na nadzorno ploščo

Dokumentacija

Naučite se uporabljati Asyntai

Uvod
Namestitev Baza znanja Preizkusite svojo UI Upravljanje spletnih mest
Prilagoditev
Barve pripomočka Ime pomočnika UI Začetno sporočilo Položaj pripomočka Samodejno proženje Pozdravni oblaček Značka neprebranih Način navodil Postavljajte vprašanja Uporabi emodžije Zbirajte e-poštne naslove Zbirajte telefonske številke Pametno zajemanje potencialnih strank Lokalizacija Skrij blagovno znamko Povezava do zasebnosti Prilagojeno obvestilo Prenos prepisa Nov pogovor Zgodovina pogovorov Slogan in statusna pika Govor v besedilo Ikona klepeta Logotip podjetja Omejitev znakov Temperatura
Nasveti za navodila UI Primerjaj načrte
Funkcije
Indeksiranje spletnega mesta Vrzeli v znanju Kartice izdelkov Dinamične kartice izdelkov Dynamic Images Kontekst uporabnika Spremljanje v živo Prevzem s strani človeka Eskalacija Obvestila UI Dnevno poročilo Podatkovni vir v realnem času Podatkovni vir v realnem času Max Člani ekipe Enkratna prijava Vključi slike Slikovni vid Pripomoček za prevajanje Lokalizacija Potencialne stranke Pametno zajemanje potencialnih strank Zahtevki za podporo Rezervacije Vdelave Izključi strani Blokirani IP-ji Pametnejši model Omogoči razmišljanje Predlogi odgovorov Nadaljnja sporočila Govor v besedilo Prenos prepisa Vgrajen klepet
Analitiko
Analitika klepeta Dnevniki klepetov
Integracije
REST API Instagram Messenger WhatsApp Zapier Email Mobilne aplikacije
Drugo
Dodaj na začetni zaslon Prilagojen gumb za odpiranje
Vprašajte AI

Kako dodati klepetalnik Asyntai z UI v CrafterCMS

Vodič po korakih za spletne strani CrafterCMS

Pridobite kodo za vgradnjo
Platforma:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Docusaurus Docusaurus Hugo Hugo Kentico Kentico Volusion Volusion Craft CMS Craft CMS Contentful Contentful Strapi Strapi Joomla Joomla Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Statamic Statamic Umbraco Umbraco Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

Korak 1: Pridobite svojo vdelovalno kodo

Najprej pojdite na svojo Nadzorno ploščo Asyntai in se pomaknite navzdol do razdelka "Vdelovalna koda". Kopirajte svojo edinstveno vdelovalno kodo, ki bo videti takole:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Opomba: Zgornja koda je le primer. Svojo edinstveno vdelovalno kodo morate kopirati iz svoje Nadzorne plošče, saj vsebuje vaš osebni ID klepetalnika.

Korak 2: Dodajte v predlogo FreeMarker (priporočeno)

CrafterCMS uporablja predloge FreeMarker (.ftl) za izrisovanje strani. Najlažji način za dodajanje klepetalnika na vse strani je urejanje glavne predloge strani:

  1. V Crafter Studio pojdite na Nadzorna plošča strani > Tipi vsebine ali pojdite na predloge
  2. Odprite svojo glavno predlogo strani (npr. /templates/web/pages/home.ftl ali osnovno postavitev)
  3. Poiščite zaključno oznako </body>
  4. Prilepite svojo vdelovalno kodo Asyntai tik pred oznako </body>:
    <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
  5. Shranite datoteko in objavite prek Crafter Studio

Nasvet: Dodajanje skripta pred zaključno oznako </body> zagotavlja nalaganje po vsebini strani, kar je priporočeno za klepetalnik in ne bo upočasnilo nalaganja vaše strani.

Alternativni način 1: Uporaba komponent predlog Crafter

Za boljšo organizacijo ustvarite namensko predlogo komponente za klepetalnik:

  1. V Crafter Studio ustvarite novo datoteko predloge na /templates/web/components/asyntai-widget.ftl
  2. Dodajte naslednjo vsebino v predlogo komponente:
    <!-- Asyntai AI Chatbot Component --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
  3. Vključite jo v svojo glavno predlogo postavitve z uporabo direktive za vključitev FreeMarker:
    <#include "/templates/web/components/asyntai-widget.ftl" />
  4. Alternativno, če uporabljate sistem za upodabljanje komponent Crafter, uporabite:
    <@renderComponent component=contentModel.asyntaiWidget />
  5. Shranite obe datoteki in objavite prek Crafter Studio

Opomba: Uporaba ločene predloge komponente olajša omogočanje ali onemogočanje klepetalnika na celotni strani s komentiranjem ene same vrstice za vključitev.

Alternativni način 2: Uporaba konfiguracije glave/skriptov Crafter

CrafterCMS omogoča globalno vstavljanje skriptov prek konfiguracije strani:

  1. V Crafter Studio pojdite na Konfiguracija strani > Konfiguracija
  2. Odprite datoteko Konfiguracija pogona strani (site-config.xml)
  3. Dodajte konfiguracijo za vstavljanje skripta po meri:
    <site> <!-- Existing configuration... --> <!-- Custom Scripts --> <scripts> <script> <src>https://asyntai.com/static/js/chat-widget.js</src> <async>true</async> <data-asyntai-id>YOUR_WIDGET_ID</data-asyntai-id> </script> </scripts> </site>
  4. Alternativno uredite svojo osnovno postavitev FreeMarker, da bere iz konfiguracije strani in dinamično vstavlja skripte:
    <#if siteConfig.getString("scripts.script.src", "")?has_content> <script async src="${siteConfig.getString("scripts.script.src")}" data-asyntai-id="${siteConfig.getString("scripts.script.data-asyntai-id")}"></script> </#if>
  5. Shranite in objavite konfiguracijske spremembe

Nasvet: Uporaba konfiguracije strani omogoča upravljanje klepetalnika brez neposrednega spreminjanja datotek predlog, kar olajša poznejše posodabljanje ali odstranitev.

Alternativni način 3: Uporaba krmilnika Groovy

CrafterCMS podpira skripte Groovy za strežniško logiko. Uporabite lahko krmilnik za dinamično dodajanje skripta klepetalnika:

  1. Ustvarite skript Groovy v /scripts/pages/ (npr. /scripts/pages/home.groovy ali vaš krmilnik za celotno stran)
  2. Dodajte naslednjo kodo za vstavljanje URL-ja skripta v model predloge:
    // /scripts/pages/home.groovy import org.craftercms.engine.service.context.SiteContext def siteContext = SiteContext.current // Add Asyntai chatbot configuration to the model model.asyntaiEnabled = true model.asyntaiWidgetId = "YOUR_WIDGET_ID" model.asyntaiScriptSrc = "https://asyntai.com/static/js/chat-widget.js"
  3. Nato se sklicujte na spremenljivke modela v svoji predlogi FreeMarker:
    <#if model.asyntaiEnabled?? && model.asyntaiEnabled> <script async src="${model.asyntaiScriptSrc}" data-asyntai-id="${model.asyntaiWidgetId}"></script> </#if>
  4. Shranite tako skript Groovy kot datoteko predloge
  5. Objavite spremembe prek Crafter Studio

Opomba: Pristop s krmilnikom Groovy je uporaben, ko potrebujete pogojno logiko (npr. omogočanje klepetalnika le za določene uporabniške vloge ali tipe strani) ali ko želite pridobiti konfiguracijske vrednosti iz zunanjih virov.

Korak 3: Objavite in preverite

Po izvedenih spremembah jih objavite prek Crafter Studio:

  1. V Crafter Studio pojdite na Nadzorno ploščo strani
  2. Preglejte spremembe v razdelku Moja nedavna dejavnost ali V čakanju na odobritev
  3. Kliknite Objavi, da spremembe stopijo v veljavo
  4. Odprite svoje spletno mesto v novem zavihku brskalnika ali oknu brez beleženja
  5. V spodnjem desnem kotu bi morali videti gumb klepetalnika
  6. Kliknite ga, da preverite, ali se pravilno odpre in deluje

Ne vidite klepetalnika? Prepričajte se, da ste objavili spremembe prek Crafter Studio. Preverite, ali urejate pravilno datoteko predloge, ki jo vaše strani uporabljajo. Počistite predpomnilnik brskalnika ali si oglejte stran v oknu brez beleženja. Če uporabljate predpomnjenje Crafter, počistite predpomnilnik pogona z nadzorne plošče Crafter Studio.

Lokacija predloge: Lokacije predlog CrafterCMS se lahko razlikujejo glede na strukturo projekta. Pogoste lokacije vključujejo /templates/web/pages/ za predloge strani, /templates/web/components/ za predloge komponent in /templates/web/ za predloge postavitev. Preverite obstoječe predloge, da ugotovite, kje je določena oznaka </body>.