Front is a platform that brings communication channels and teammates together.
Following the steps below, you will integrate the Front application with the Flow.ai platform.
You must have a working Frontapp.com account with admin rights:
Select the project to which you would like to connect Front using the top left drop-down menu.
Note: Make sure that your project is “Live”:
Go to the “Channels” section and press the “+” sign:
Go to the “Customer Service“ section inside the opened Popup and choose the “Front” option:
Click on the “Connect Front” button inside the “General” Tab:
It will redirect you to https://app.frontapp.com/oauth/authorize . There you need to authorize Flow.ai by pressing the Authorize button:
After authorization, it will redirect you back to the Flow.ai “Front” configuration page.
There you can fill your bot settings, such as: Bot name;
- Handoff tag name;
- Auto Archive Checkbox (allows you to archive the conversation when the bot replies);
- Apply Tag Checkbox (allows you to add a tag channel tag to the conversation).
After filling all the information above, please copy “Webhook URL” to the clipboard:
Go to the Front Webhooks integration integration page. There you have to press the “Enable Integration” button:
Switch “Overview” status to “Enabled” condition, and press “Save” button:
Go to the “Rules” section and press “Add a new rule” button:
“When” Section should include:
- Inbound message;
- Conversation archived;
- Conversation deleted.
“If” should refer to your “Flow.ai” inbox, and inside the “Then” section you should choose “Send to a Webhook” option and paste the link that you have copied from step 3.5:
Press the “Save” button if all the previous steps were correct.
On the Flow.ai channel section (inside the “Front” configuration) click on the “Plugin” tab, then copy the Plugin endpoint onto the clipboard:
Go to “Plugin & API” section inside the Front settings and press “Add a Plugin” button:
Paste the link from the clipboard to the endpoint field and press the “Save” button
Click on the created plugin, and you will see a generated “Auth Secret” code. Copy it to the clipboard and return to the Flow.ai Channels section.
Paste the copied data to the “Plugin auth secret” field and press “Save” button:
Now your Flow.ai project and Front application are connected!