Skip to main content

Quickstart

This Quickstart Guide will walk you through the basic steps to get Flexibel up and running on your website. Follow these simple steps to install the chatbot, set up your account, and configure it for your needs.

Installation​

Flexibel can be installed using either npm or yarn. Use the tabs below to follow the instructions for your preferred package manager.

npm install flexibel

Setting Up Your Account​

Before integrating Flexibel into your website, you need to set up your account:

  • Create an Account: Visit the Flexibel website and sign up for an account if you haven't already.
  • Create a New Project: Once logged in, create a new project in your account.
  • Access the Project Dashboard: Navigate to your project dashboard where you will find your unique API key.

Integration​

After installation and setting up your account, you can integrate Flexibel into your website:

  1. Import FloatingButton Component:
import { FloatingButton } from "flexibel";
  1. Insert FloatingButton into your website:
<FloatingButton apiKey="YOUR_API_KEY" />

Replace YOUR_API_KEY with the API key from your project dashboard.

  1. View the Floating Button: You should now see a floating button in the bottom right corner of your website. Clicking this button will open the Flexibel chatbot.