Sådan tilføjer du Asyntai AI-chatbot til MODX

Trin-for-trin vejledning til MODX CMS-websteder

Hent indlejringskode

Trin 1: Hent din indlejringskode

Gå først til dit Asyntai Dashboard og rul ned til sektionen "Indlejringskode". Kopiér din unikke indlejringskode, der vil se sådan ud:

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

Bemærk: Koden ovenfor er blot et eksempel. Du skal kopiere din egen unikke indlejringskode fra dit Dashboard, da den indeholder dit personlige widget-ID.

Trin 2: Tilføj til MODX-skabelon (anbefalet)

Den anbefalede måde at tilføje chatbotten på er ved at redigere din MODX-skabelon direkte i MODX Manager:

  1. Log ind på din MODX Manager (adminpanel)
  2. I venstre sidepanel skal du gå til Elements > Templates
  3. Åbn dit websteds skabelon (normalt kaldet "BaseTemplate" eller din aktive skabelon)
  4. Find det afsluttende </body>-tag i skabelonkoden
  5. Indsæt din Asyntai-indlejringskode lige før det afsluttende </body>-tag
  6. Klik på "Gem" for at gemme skabelonen
<!-- Your existing template content -->

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

Tip: Tilføjelse af koden lige før det afsluttende </body>-tag sikrer, at chatbotten indlæses efter alt sideindhold, hvilket er den anbefalede placering for chat-widgets og ikke vil bremse din sides indlæsning.

Alternativ metode 1: Brug af en MODX-chunk

Du kan bruge en MODX Chunk til at holde indlejringskoden separat og genbrugelig:

  1. I MODX Manager skal du gå til Elementer > Chunks
  2. Klik på "Ny chunk" for at oprette en ny chunk
  3. Navngiv chunken "asyntaiWidget"
  4. Indsæt din Asyntai-indlejringskode i chunkens indholdsområde
  5. Klik på "Gem"
  6. Åbn din skabelon (under Elementer > Skabeloner)
  7. Tilføj chunk-kaldet [[$asyntaiWidget]] lige før det afsluttende </body>-tag
  8. Gem skabelonen
<!-- In your Template, before </body> -->
[[$asyntaiWidget]]
</body>
</html>

Tip: Brug af en chunk gør det nemt at administrere og opdatere indlejringskoden ét sted, især hvis du bruger flere skabeloner på dit websted.

Alternativ metode 2: Brug af MODX-systemindstillinger (HTML head/footer)

Nogle MODX-opsætninger inkluderer pladsholdere til sidefodsskripter via Systemindstillinger:

  1. I MODX Manager skal du gå til System > System Settings
  2. Filtrer efter "htmlhead" eller søg efter en brugerdefineret systemindstilling til sidefodsskripter
  3. Hvis din opsætning har en pladsholder til sidefodsskripter (såsom [[++footer_scripts]]), kan du bruge den
  4. Angiv systemindstillingens værdi til din Asyntai-indlejringskode
  5. Sørg for, at den tilsvarende pladsholder [[++footer_scripts]] er til stede i din skabelon før det afsluttende </body>-tag
  6. Gem systemindstillingen
<!-- In your Template, before </body> -->
[[++footer_scripts]]
</body>
</html>

Bemærk: Denne metode afhænger af, at din MODX-opsætning har en brugerdefineret systemindstilling til sidefodsskripter. Hvis der ikke eksisterer en, kan du oprette en brugerdefineret systemindstilling og referere til den i din skabelon ved hjælp af [[++setting_key]]-syntaksen.

Alternativ metode 3: Brug af et MODX-plugin (OnWebPagePrerender)

For en avanceret tilgang kan du oprette et MODX-plugin, der automatisk injicerer chatbot-koden på hver side:

  1. I MODX Manager skal du gå til Elementer > Plugins
  2. Klik på "Nyt plugin" for at oprette et nyt plugin
  3. Navngiv pluginnet "AsyntaiChatbot"
  4. Indsæt følgende PHP-kode i plugin-kodeområdet:
$output = &$modx->resource->_output;
$script = '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
$output = str_replace('</body>', $script . '</body>', $output);
  1. Klik på fanen "Systemhændelser"
  2. Markér afkrydsningsfeltet ud for "OnWebPagePrerender" for at aktivere dette plugin ved den pågældende hændelse
  3. Klik på "Gem"

Vigtigt: Erstat YOUR_WIDGET_ID med dit faktiske widget-ID fra Asyntai Dashboard. Dette plugin vil automatisk injicere chatbot-skriptet på hver side på dit MODX-websted, før den bliver renderet.

Trin 3: Ryd cache og verificér

Efter at have tilføjet indlejringskoden ved hjælp af en af metoderne ovenfor skal du rydde MODX-cachen og verificere installationen:

  1. I MODX Manager skal du gå til Administrer > Ryd cache (eller klikke på ikonet for at rydde cache i topmenuen)
  2. Åbn dit websted i en ny browserfane eller et inkognitovindue
  3. Du bør se chat-widget-knappen i nederste højre hjørne af din side
  4. Klik på den for at sikre, at den åbner og fungerer korrekt

Ser du ikke widget'en? Sørg for, at du har ryddet MODX-cachen fra Administrer > Ryd cache i MODX Manager. Prøv også at rydde din browsercache eller se webstedet i et inkognitovindue. Hvis du brugte Plugin-metoden, skal du verificere, at systemhændelsen "OnWebPagePrerender" er markeret for dit plugin.