Integrating Frigade in your own project mainly consists of the following steps:
1. Register for an account to get an API key: Firstly, you need to register an account on Frigade's official website (frigade.ai) and generate an API key in the dashboard.
2. Installation of SDK: Install the appropriate SDK depending on the technology stack used by the project. e.g., for React or Next.js projects, this can be installed via npm:npm install @frigade/react
3. Add configuration: Initialize the Frigade instance in the project:const frigade = new Frigade('YOUR_API_KEY');
It is recommended to store the API key in a secure location such as an environment variable.
4. Embedding UI components: Frigade provides several preset UI components such as Tour and Announcement. For example, adding a Tour component to React:<FrigadeTour flowId='your-flow-id' />
The flowId needs to be obtained after creating the corresponding flow in the Frigade dashboard.
5. Connecting external tools (optional): If you need to integrate with other support tools, you can configure them in the "Integrations" page of the dashboard, such as Zendesk or Mixpanel.
The entire integration process can typically be completed in less than an hour, after which bootstrap content can be adjusted in real-time via the Frigade dashboard without redeploying code.
This answer comes from the articleFrigade: a tool for intelligent guidance and user support for software productsThe
