Cómo conectar Hinto AI con Framer

Esta guía explica cómo conectar tu base de conocimiento de Hinto AI con Framer. Al seguir estos pasos, podrás importar tu documentación, incluidos artículos y carpetas, directamente al CMS de Framer. Esto te permite crear un centro de ayuda dinámico y totalmente funcional en tu sitio de Framer. Necesitarás cuentas activas tanto en Hinto AI como en Framer.

Parte 1: Sincronización de tus artículos

1. En tu proyecto de Framer, navega al panel CMS en la barra lateral izquierda.

2. Abre la paleta de comandos presionando Cmd/Ctrl + K o haz clic en el icono de plugin en la parte inferior del lienzo. Busca Hinto AI y selecciónalo para iniciar el plugin.

3. En la ventana New Collection (Nueva colección) que aparece, escribe «Articles» como nombre y haz clic en Create. Esta colección almacenará todos tus artículos de ayuda individuales.

4. Para obtener tu clave API, navega a la aplicación web de Hinto AI y abre tu proyecto.

5. Haz clic en el icono de configuración para abrir Project Settings (Configuración del proyecto) y selecciona API Keys en el menú lateral.

6. Haz clic en el botón New API Key +.

7. Escribe un nombre descriptivo para tu clave (por ejemplo, «Framer Integration») y haz clic en Create API Key.

8. Haz clic en el icono de copiar para guardar la nueva clave API en tu portapapeles.

9. Regresa a Framer, pega la clave en el campo API Key y haz clic en Continue.

10. En la ventana de sincronización de contenido de Hinto, asegúrate de que Content Type esté configurado como Articles.

11. (Opcional) Para que los enlaces internos funcionen correctamente, expande Advanced Settings e ingresa la URL base completa de tu sitio donde residirán los artículos.

12. Haz clic en Import para comenzar la sincronización. Tus artículos de Hinto AI aparecerán ahora en tu colección «Articles» en Framer.

Parte 2: Sincronización de la estructura de carpetas

Repite el proceso para importar la estructura de tus carpetas, lo cual es esencial para organizar tu contenido y crear menús de navegación.

1. Haz clic en el icono + junto a Collections e inicia el plugin Hinto AI nuevamente.
2. Llama a esta nueva colección «Folders» y haz clic en Create.
3. Pega la misma clave API de Hinto AI en el campo y haz clic en Continue.
4. En el menú desplegable Content Type, selecciona Folders.
5. Haz clic en Import. La estructura de carpetas de Hinto AI estará ahora disponible en la colección «Folders».

Has importado con éxito tus artículos y carpetas de Hinto AI a Framer. Ahora puedes utilizar estas dos colecciones del CMS para crear tus páginas de documentación, diseñar menús de navegación y dar forma a tu centro de ayuda.