Terug naar dashboard

Documentatie

Leer hoe u Asyntai kunt gebruiken

Aan de slag
Installatie Kennisbank Test uw AI Websites beheren
Aanpassing
Widgetkleuren Naam AI-assistent Welkomstbericht Widgetpositie Automatische trigger Begroetingsballon Ongelezen badge Instructiemodus Vragen stellen Emoji gebruiken E-mails verzamelen Telefoonnummers verzamelen Slimme leadregistratie Lokalisatie Branding verbergen Privacylink Aangepaste melding Transcript downloaden Nieuw gesprek Gespreksgeschiedenis Tagline & statusstip Spraak naar tekst Chatpictogram Bedrijfslogo Tekenlimiet Temperatuur
Tips voor AI-instructies Abonnementen vergelijken
Functies
Website crawlen Kennishiaten Productkaarten Dynamische productkaarten Dynamic Images Gebruikerscontext Live monitoring Menselijke overname Escalatie AI-meldingen Dagelijks rapport Realtime gegevensfeed Realtime gegevensfeed Max Teamleden Single Sign-On Afbeeldingen toevoegen Beeldherkenning Vertaalwidget Lokalisatie Leads Slimme leadregistratie Ondersteuningstickets Boekingen Insluitingen Pagina's uitsluiten Geblokkeerde IPs Slimmer model Denkmodus inschakelen Antwoordsuggesties Vervolgberichten Spraak naar tekst Transcript downloaden Ingesloten chat
Analyses
Chatanalyses Chatlogboeken
Integraties
REST API Instagram Messenger WhatsApp Zapier Email Mobiele apps
Overig
Toevoegen aan startscherm Aangepaste openknop
Vraag AI

Hoe voegt u de Asyntai AI-chatbot toe aan Framer

Stapsgewijze handleiding voor Framer-websites

Insluitcode ophalen
Platform:
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 Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion 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

Stap 1: Uw insluitcode ophalen

Ga eerst naar uw Asyntai Dashboard en scroll naar het gedeelte "Insluitcode". Kopieer uw unieke insluitcode die er als volgt uitziet:

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

Opmerking: De bovenstaande code is slechts een voorbeeld. U moet uw eigen unieke insluitcode kopiëren vanuit uw Dashboard omdat deze uw persoonlijke widget-ID bevat.

Stap 2: Aangepaste code gebruiken (aanbevolen)

Framer heeft een ingebouwde functie voor aangepaste code waarmee het toevoegen van scripts eenvoudig is:

  1. Open uw Framer-project
  2. Klik op het tandwielpictogram (Site-instellingen) linksboven
  3. Ga naar de sectie "Custom Code"
  4. Klik op de knop "Add Script"
  5. Plak uw Asyntai-insluitcode in het scriptveld
  6. Stel de plaatsing in op "End of <body> tag"
  7. Sla op en publiceer uw site

Tip: Het plaatsen van het script bij "End of <body> tag" zorgt ervoor dat het na de pagina-inhoud wordt geladen, wat wordt aanbevolen voor chatwidgets en uw paginalading niet vertraagt. Framer biedt ook de opties "Start of <head>" en "End of <head>", maar einde van body heeft de voorkeur.

Alternatief: Code-component gebruiken

Als u de chatbot liever toevoegt met een Code-component:

  1. Open in de Framer-editor de pagina waar u de chatbot wilt
  2. Voeg een code-component toe aan uw canvas
  3. Plak de Asyntai-insluitcode in de component
  4. Positioneer deze in uw lay-out naar wens

Opmerking: De methode met aangepaste code heeft de voorkeur omdat deze de chatbot sitebreed op alle pagina's toepast. De code-componentmethode voegt de chatbot mogelijk alleen toe aan de specifieke pagina waar u de component plaatst.

Stap 3: Installatie verifiëren

Nadat u uw wijzigingen hebt gepubliceerd, bezoekt u uw Framer-site in een nieuw browsertabblad of incognitovenster. U zou de chatwidgetknop in de rechteronderhoek moeten zien. Klik erop om te controleren of deze correct opent en werkt.

Ziet u de widget niet? Zorg ervoor dat u uw site hebt opgeslagen en gepubliceerd nadat u de code hebt toegevoegd. Probeer uw browsercache te wissen of in een incognitovenster te bekijken. Als u een aangepast domein gebruikt, kan het enkele minuten duren voordat wijzigingen zijn doorgevoerd.