Comment connecter Hinto AI avec Framer

Ce guide explique comment connecter votre base de connaissances Hinto AI à Framer. En suivant ces étapes, vous pourrez importer facilement votre documentation, y compris vos articles et dossiers, directement dans le CMS de Framer. Cela vous permet de créer un centre d'aide dynamique et parfaitement fonctionnel sur votre site Framer. Vous aurez besoin de comptes actifs sur Hinto AI et sur Framer.

Partie 1 : Synchroniser vos articles

1. Dans votre projet Framer, accédez au panneau CMS situé dans la barre latérale gauche.

2. Ouvrez la palette de commandes en appuyant sur Cmd/Ctrl + K ou cliquez sur l'icône plugin en bas de l'interface. Recherchez Hinto AI et sélectionnez-le pour lancer le plugin.

3. Dans la fenêtre New Collection qui s'affiche, saisissez « Articles » comme nom, puis cliquez sur Create. Cette collection stockera tous vos articles d'aide individuels.

4. Pour obtenir votre clé API, accédez à l'application web Hinto AI et ouvrez votre projet.

5. Cliquez sur l'icône des paramètres pour ouvrir Project Settings et sélectionnez API Keys dans le menu latéral.

6. Cliquez sur le bouton New API Key +.

7. Saisissez un nom descriptif pour votre clé (par exemple, « Intégration Framer ») et cliquez sur Create API Key.

8. Cliquez sur l'icône de copie pour copier la nouvelle clé API dans votre presse-papiers.

9. Revenez sur Framer, collez la clé dans le champ API Key et cliquez sur Continue.

10. Dans la fenêtre de synchronisation Hinto Content Sync, assurez-vous que le Content Type est réglé sur Articles.

11. (Optionnel) Pour que les liens internes fonctionnent correctement, développez Advanced Settings et saisissez l'URL de base complète de votre site où les articles seront hébergés.

12. Cliquez sur Import pour lancer la synchronisation. Vos articles Hinto AI apparaîtront désormais dans votre collection « Articles » sur Framer.

Partie 2 : Synchroniser votre structure de dossiers

Répétez le processus pour importer votre structure de dossiers, ce qui est essentiel pour organiser votre contenu et créer des menus de navigation.

1. Cliquez sur l'icône + à côté de Collections et lancez à nouveau le plugin Hinto AI.
2. Nommez cette nouvelle collection « Folders » et cliquez sur Create.
3. Collez la même clé API Hinto AI dans le champ et cliquez sur Continue.
4. Dans le menu déroulant Content Type, sélectionnez Folders.
5. Cliquez sur Import. Votre structure de dossiers provenant de Hinto AI sera désormais disponible dans la collection « Folders ».

Vous avez importé avec succès vos articles et dossiers Hinto AI dans Framer. Vous pouvez maintenant utiliser ces deux collections CMS pour construire vos pages de documentation, créer des menus de navigation et concevoir votre centre d'aide.