Skip to main content

Suite Installation Guide for Browser Widget

Quick guide to walk you through how to set up your organization and start integrating Suite into your application.

Suite Team avatar
Written by Suite Team
Updated over 4 months ago

Introduction

Welcome to Suite, a AI-powered engine where you can customize support your users with app-specific knowledge and analyze user onchain insights.

This guide will help you get started quickly. You can use Suite after just some lines of code.

By the end of this quick start, you will:

  • Sign in to Suite

  • Create an organization

  • Build your first AI agent

Each step is simple, and you can come back to this guide at any time.


Get Started

Create user profile

To use Suite, you need to sign in to your account.

  1. Enter your email

  2. Enter the verification code sent via your email.

Notes:

  • After successful login, you will be redirected to the dashboard.

Organization

  1. On the dashboard’s left side, click the New Organization button.

  2. Enter a name, description for your organization.

  3. Click Create.

Once created, your organization will appear in the list on your dashboard. You can switch between organizations if you have access to more than one.

Agent

Create AI Agent

  1. To create a new agent for your organization, click on the Agent button on the left panel and click the New Agent button on the right.

  1. On the next page, fill in information about the agent including:

  • Name of the agent

  • Description: The AI agent will take actions based on the role described on this part.

  • Resources and Workflows: To-be-built.

  1. Click Save Agent.

General Notes

  • AgentID , organizationApiKey can be found in the Integration Guide of each created agent. You will need this for integrating Suite into your app.


On your UI source code

Comprehensive details about Suite package already published on npm. You can find it here: https://www.npmjs.com/package/@getgrowly/suite

  1. Install Suite

  1. Integrates the SuiteProvider to your React app. This is required for Suite widgets to function.

React: Required version: > v15.0.0

Nextjs: Required version: > v14.0.0

agent_id and organization_id can be found by clicking on Integration Guide button above (in case you forgot it or setting up on new repo).

Usually, in the Provider tree, Suite should be nested inside Wagmi/Privy so it can shared the context:

For other customization that you can do, please refer to the npm package docs: https://www.npmjs.com/package/@getgrowly/suite

Did this answer your question?