Naar de inhoud
Documentatie

Hinto AI verbinden met Framer

Deze handleiding legt uit hoe je jouw Hinto AI-kennisbank koppelt aan Framer. Door deze stappen te volgen, kun je jouw documentatie, inclusief artikelen en mappen, rechtstreeks importeren in het CMS van Framer. Zo bouw je eenvoudig een volledig functioneel en dynamisch helpcentrum op je Framer-website. Zorg dat je over actieve accounts voor zowel Hinto AI als Framer beschikt.

Deel 1: Je artikelen synchroniseren

  1. Ga in je Framer-project naar het CMS-paneel in de linkerzijbalk.

  2. Open het opdrachtenpalet door op Cmd/Ctrl + K te drukken of klik op het plugin-icoon onderaan het canvas. Zoek naar Hinto AI en selecteer dit om de plugin te starten. Documentation image

  3. Voer in het venster New Collection de naam 'Articles' in en klik op Create. Deze collectie slaat al je individuele helpartikelen op. Documentation image

  4. Ga naar de Hinto AI-webapp en open je project om je API-sleutel op te halen.

  5. Klik op het instellingen-icoon om Project Settings te openen en selecteer API Keys in het zijmenu.

  6. Klik op de knop New API Key +.

  7. Voer een beschrijvende naam in voor je sleutel (bijv. 'Framer Integration') en klik op Create API Key.

  8. Klik op het kopieer-icoon om de nieuwe API-sleutel naar je klembord te kopiëren.

  9. Ga terug naar Framer, plak de sleutel in het veld API Key en klik op Continue. Documentation image

  10. Zorg er in het Hinto Content Sync-venster voor dat het Content Type is ingesteld op Articles.

  11. (Optioneel) Voor een correcte werking van interne links: klap Advanced Settings uit en voer het volledige basis-URL-pad van je site in waar de artikelen komen te staan.

  12. Klik op Import om de synchronisatie te starten. Je Hinto AI-artikelen verschijnen nu in je 'Articles'-collectie in Framer.

Documentation image

Deel 2: Je mappenstructuur synchroniseren

Herhaal het proces om je mappenstructuur te importeren. Dit is essentieel voor het organiseren van je content en het opbouwen van navigatiemenu's.

  1. Klik op het +-icoon naast Collections en start de Hinto AI-plugin opnieuw.
  2. Noem deze nieuwe collectie 'Folders' en klik op Create.
  3. Plak dezelfde Hinto AI API-sleutel in het veld en klik op Continue.
  4. Selecteer Folders in het keuzemenu Content Type.
  5. Klik op Import. Je mappenstructuur uit Hinto AI is nu beschikbaar in de 'Folders'-collectie.
Documentation image

Je hebt je Hinto AI-artikelen en -mappen succesvol geïmporteerd in Framer. Je kunt deze twee CMS-collecties nu gebruiken om je documentatiepagina's op te bouwen, navigatiemenu's aan te maken en je helpcentrum vorm te geven.