Zum Inhalt springen
Dokumentation

So verbinden Sie Hinto AI mit Framer

Diese Anleitung erklärt, wie Sie Ihre Hinto AI-Wissensdatenbank mit Framer verbinden. Wenn Sie diesen Schritten folgen, können Sie Ihre Dokumentation, einschließlich Artikeln und Ordnern, nahtlos direkt in das CMS von Framer importieren. So erstellen Sie ein voll funktionsfähiges, dynamisches Hilfe-Center auf Ihrer Framer-Website. Sie benötigen dafür aktive Konten bei Hinto AI sowie bei Framer.

Teil 1: Synchronisierung Ihrer Artikel

  1. Navigieren Sie in Ihrem Framer-Projekt in der linken Seitenleiste zum Bereich CMS.

  2. Öffnen Sie die Befehlspalette mit Cmd/Ctrl + K oder klicken Sie unten auf der Arbeitsfläche auf das Plugin-Symbol. Suchen Sie nach Hinto AI und wählen Sie es aus, um das Plugin zu starten. Documentation image

  3. Geben Sie im Fenster New Collection als Namen „Articles“ ein und klicken Sie auf Create. In dieser Sammlung werden alle Ihre einzelnen Hilfe-Artikel gespeichert. Documentation image

  4. Um Ihren API-Schlüssel zu erhalten, navigieren Sie zur Hinto AI-Web-App und öffnen Sie Ihr Projekt.

  5. Klicken Sie auf das Einstellungssymbol, um die Project Settings zu öffnen, und wählen Sie im Seitenmenü API Keys aus.

  6. Klicken Sie auf die Schaltfläche New API Key +.

  7. Geben Sie einen beschreibenden Namen für Ihren Schlüssel ein (z. B. „Framer Integration“) und klicken Sie auf Create API Key.

  8. Klicken Sie auf das Kopieren-Symbol, um den neuen API-Schlüssel in Ihre Zwischenablage zu kopieren.

  9. Kehren Sie zu Framer zurück, fügen Sie den Schlüssel in das Feld API Key ein und klicken Sie auf Continue. Documentation image

  10. Stellen Sie im Fenster „Hinto Content Sync“ sicher, dass als Content Type die Option Articles ausgewählt ist.

  11. (Optional) Damit interne Links korrekt funktionieren, klappen Sie die Advanced Settings auf und geben Sie den vollständigen URL-Basispfad Ihrer Website ein, unter dem die Artikel zu finden sein werden.

  12. Klicken Sie auf Import, um die Synchronisierung zu starten. Ihre Hinto AI-Artikel erscheinen nun in Ihrer „Articles“-Sammlung in Framer.

Documentation image

Teil 2: Synchronisierung Ihrer Ordnerstruktur

Wiederholen Sie den Vorgang, um Ihre Ordnerstruktur zu importieren. Dies ist wichtig für die Organisation Ihrer Inhalte und den Aufbau von Navigationsmenüs.

  1. Klicken Sie neben Collections auf das +-Symbol und starten Sie das Hinto AI-Plugin erneut.
  2. Nennen Sie diese neue Sammlung „Folders“ und klicken Sie auf Create.
  3. Fügen Sie denselben Hinto AI API-Schlüssel in das Feld ein und klicken Sie auf Continue.
  4. Wählen Sie im Dropdown-Menü Content Type die Option Folders aus.
  5. Klicken Sie auf Import. Ihre Ordnerstruktur aus Hinto AI ist nun in der Sammlung „Folders“ verfügbar.
Documentation image

Sie haben Ihre Hinto AI-Artikel und -Ordner erfolgreich in Framer importiert. Sie können nun diese beiden CMS-Sammlungen verwenden, um Ihre Dokumentationsseiten zu erstellen, Navigationsmenüs anzulegen und Ihr Hilfe-Center zu gestalten.