Quickstart

Create a client company

Within the Admin Panel of your FlowBridge connect environment, you will see a navigation option Client Companies . Voiceflow Projects are associated with Client Companies. When you create a normal (non-admin) user, you can associate it with a client company too. Once they login to your environment, they will only be able to see Voiceflow projects associated with the company they are associated to. Lets call the Client Company "My Company"

Create a Voiceflow Project

The next step is to create a Voiceflow project within your FlowBridge Connect environment. This serves as the "Bridge" between FlowBridge Connect and Voiceflow. We first associate the Voiceflow Project with a Client Company. This means users associated with that company will be able to see this project.

To find the Project ID for your voiceflow project, once you open the specific project on Voiceflow, you can hit the cogwheel icon, click "general" and your Project ID will be found there:

To find the API key, in the same settings screen, you will see an option API Keys in the navigation. You will be able to copy the API token there, and paste it in to the "Voiceflow API Token" field

Now you can click Create and your voiceflow project is now available to associate to an integration

Create the Facebook Integration

Our next step is to create an integration and associate it with the Voiceflow project. You can integrate multiple different integrations to the same project such as Instagram and Facebook. For this example, we'll demonstrate the Facebook integration.

Go to the Client Integrations page in the navigation on the admin panel of your FlowBridge Connect environment and create a new integration

First, we'll want to associate both a Company and Voiceflow Project for the integration. We'll select the 2 we just made

Next we'll be prompted to give the integration a name. Let's give it a logical name so we know which integration this is like {Project Name} {Integration Name}

Now we want to select which integration channel we want to connect with. In our case it will be Facebook. Once you select the channel, different options may appear based on which integration channel you're trying to integrate with.

In the case of Facebook, we have the option to use the Meta API provider, or a custom provider. Custom providers allow you to create your own Developer App on the meta platform (https://developers.facebook.com)

We don't provide support on custom integrations, though the option is provided to you for advanced use cases but requires you to also go through Meta App review.

Let's stick with Meta API. After clicking the "Login with Facebook" button, a popup should appear (make sure your browser has popups enabled). This is a page provided by Meta. Follow the prompts on the screen until you reach the last page with the button Got it

Once you press Got it the integration page should appear again and after a couple of moments, it should show the Access token provided by Meta.

You now can select which facebook page this integration i for based on which pages you have allowed us to manage through the popup screen.

You can press the "Create" button (it might be disabled for a couple of seconds as FlowBridge Connect tries to connect to Meta)

Integration is live

Now you've fully completed the integration! Go ahead and try to send a message to your facebook page and it should trigger the voiceflow response!