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

Trin-for-trin-guide til Framer-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: Brug af brugerdefineret kode (anbefalet)

Framer har en indbygget funktion til brugerdefineret kode, der gør det nemt at tilføje scripts:

  1. Åbn dit Framer-projekt
  2. Klik på tandhjulsikonet (Webstedsindstillinger) øverst til venstre
  3. Gå til sektionen "Brugerdefineret kode"
  4. Klik på knappen "Tilføj script"
  5. Indsæt din Asyntai-indlejringskode i scriptfeltet
  6. Indstil placeringen til "Slutning af <body>-tag"
  7. Gem og publicer dit websted

Tip: Placering af scriptet ved "Slutning af <body>-tag" sikrer, at det indlæses efter sideindholdet, hvilket anbefales til chat-widgets og ikke vil bremse din sideindlæsning. Framer tilbyder også indstillingerne "Start af <head>" og "Slutning af <head>", men slutning af body foretrækkes.

Alternativ: Brug af kodekomponent

Hvis du foretrækker at tilføje chatbotten ved hjælp af en kodekomponent:

  1. I Framer-editoren skal du åbne den side, hvor du vil have chatbotten
  2. Tilføj en kodekomponent til dit canvas
  3. Indsæt Asyntai-indlejringskoden i komponenten
  4. Placer den i dit layout efter behov

Bemærk: Metoden med brugerdefineret kode foretrækkes, da den anvender chatbotten på hele webstedet på tværs af alle sider. Kodekomponent-metoden tilføjer muligvis kun chatbotten til den specifikke side, hvor du placerer komponenten.

Trin 3: Verificér installationen

Efter at have publiceret dine ændringer skal du besøge dit Framer-websted i en ny browserfane eller et inkognitovindue. Du bør se chat-widget-knappen i nederste højre hjørne. Klik på den for at sikre, at den åbner og fungerer korrekt.

Ser du ikke widget'en? Sørg for, at du har gemt og publiceret dit websted efter at have tilføjet koden. Prøv at rydde din browsercache eller se siden i et inkognitovindue. Hvis du bruger et brugerdefineret domæne, kan ændringerne tage et par minutter at distribuere.