Come collegare Hinto AI a Framer

Questa guida spiega come connettere la tua knowledge base di Hinto AI a Framer. Seguendo questi passaggi, potrai importare facilmente la tua documentazione, inclusi articoli e cartelle, direttamente nel CMS di Framer. In questo modo, sarai in grado di creare un help center dinamico e perfettamente funzionante sul tuo sito Framer. È necessario disporre di account attivi sia per Hinto AI che per Framer.

Parte 1: Sincronizzazione degli articoli

1. Nel tuo progetto Framer, vai al pannello CMS nella barra laterale sinistra.

2. Apri la tavolozza dei comandi premendo Cmd/Ctrl + K oppure clicca sull'icona del plugin in fondo all'area di lavoro. Cerca Hinto AI e selezionalo per avviare il plugin.

3. Nella finestra New Collection che appare, inserisci "Articles" come nome e clicca su Create. Questa collezione conterrà tutti i tuoi singoli articoli di supporto.

4. Per ottenere la tua chiave API, vai sulla web app di Hinto AI e apri il tuo progetto.

5. Clicca sull'icona delle impostazioni per aprire Project Settings e seleziona API Keys dal menu laterale.

6. Clicca sul pulsante New API Key +.

7. Inserisci un nome descrittivo per la chiave (ad esempio, "Integrazione Framer") e clicca su Create API Key.

8. Clicca sull'icona di copia per copiare la nuova chiave API negli appunti.

9. Torna su Framer, incolla la chiave nel campo API Key e clicca su Continue.

10. Nella finestra di sincronizzazione dei contenuti di Hinto, assicurati che il Content Type sia impostato su Articles.

11. (Opzionale) Affinché i link interni funzionino correttamente, espandi Advanced Settings e inserisci l'URL completo del percorso base del tuo sito in cui risiederanno gli articoli.

12. Clicca su Import per avviare la sincronizzazione. I tuoi articoli Hinto AI appariranno ora nella collezione "Articles" in Framer.

Parte 2: Sincronizzazione della struttura delle cartelle

Ripeti la procedura per importare la struttura delle cartelle, fondamentale per organizzare i contenuti e creare i menu di navigazione.

1. Clicca sull'icona + accanto a Collections e avvia nuovamente il plugin Hinto AI.
2. Dai a questa nuova collezione il nome "Folders" e clicca su Create.
3. Incolla la stessa chiave API di Hinto AI nel campo richiesto e clicca su Continue.
4. Dal menu a tendina Content Type, seleziona Folders.
5. Clicca su Import. La struttura delle tue cartelle di Hinto AI sarà ora disponibile nella collezione "Folders".

Hai importato con successo i tuoi articoli e le tue cartelle di Hinto AI in Framer. Ora puoi utilizzare queste due collezioni CMS per costruire le pagine della tua documentazione, creare menu di navigazione e progettare il tuo help center.