To set a messenger engagement plugin on your website, First, go to the main Dashboard of the SocialBot. Now, click on the Visual Flow Builder option at the left sidebar of the Dashboard.
Instantly, the visual Flow Builder page will appear with a button called Create new flow.
Now click on the Create new flow button and a popover modal form will appear.
Then click on the Choose a page field and a drop-down menu of the Facebook pages and Instagram accounts will appear. From the drop-down menu, select a Facebook page or Instagram account you want to create a User Input Flow campaign with.
Now click on the okay button and the Flow Builder will editor will appear with all the components are gathered together at the left sidebar and the Start bot flow component on the editor.
Double-click on the component, and instantly a right sidebar will appear with some fields. Now give a title for the campaign in the title fields— the field is required. You can also choose a label and sequence for the campaign. But these two fields are optional. Click on the okay button.
Now the component is filled with title, label, and sequence name.
Now drag the Action button component from the left sidebar and drop it on the editor. After that, you have to connect the Action button component with the Start bot flow component.
Then double-click on the Action Button component, and instantly a right sidebar called Configure Action Button with Action Button field will appear. Now click on the Action Button field and a drop-down menu of different options will appear.
From the drop-down menu, select the messenger engagement plugin option.
Instantly, the messenger engagement plugin field will appear. Now click on the field and a drop-down menu of four options– Checkbox plugin, Send to messenger, M.me link, Customer chat plugin– will appear.
To set a checkbox on your website, first, select the checkbox plugin, and some fields will appear.
In the Domain field, put the name of the domain of your website. Hover over your mouse cursor on the tool-tip next to the Domain field to see the instruction.
From the language field, you can select your language. Just click on the language field, and a drop-down menu of different fields will appear. Now select your language from the drop-down menu.
You can also select a plugin skin from light or dark. Hover over on the tool-tip of the plugin-skin field, you will see the suggestion on which plugin-skin you should select for your website based on the background color of your website.
You can also make the plugin center-aligned by selecting Yes. On the other hand, if you select No, the plugin will be centered left.
You can also select the plugin size from Small, Medium, Large, and Extra Large.
Now, you can select or not select Redirect to a web page on successful opt-in. If you do not select the option, you will see a field called opt-in-success message on the website. There is a default message in the field. If you do not select the option, when a user clicks on the checkbox plugin, the message will appear on the website.
You can, of course, add a button in the success message. To add a button on the success message, select I want to add a button option. And instantly, some field related to the button will appear.
In the button text, there is a default text. You can edit the text. In the button URL, you can give a URL. And when a user clicks on the button, the user will be redirected to the web page.
You can also define the background color of the button from the button background field. You can set the background color by putting the Hex color code of the color in the field. Also, you can set the background color from the color picker. Click on the square at the last of the field, and instantly a color picker will appear. Now select your desired color from the color picker.
Likewise, you can set the button text color, button hovers background, button text hovers color.
On the other hand, if you select to Redirect to a web page on successful opt-in, an opt-in success redirect URL field will appear with an auto-generated link in the field. This is the link to Facebook Messenger. That is, if a user checks the checkbox on your website, the user will be redirected to the messenger. Also, you can put any link. In this case, when a user checks the checkbox on your website, the user will be redirected to the web page.
You can give a checkbox validation error message. And this message will be displayed if the checkbox is not checked.
Also, you can put a unique reference to track the plugin later in the reference field.
You can also select a label in the select label field. The subscribers obtained from the plugin will be enrolled in the plugin you select. You must select a page to fill this list with data.
Now click on the ok button. And you will see the action button component with all the information you provide.
Likewise, you can set Send to messenger, M.me link and Customer Chat plugin.
If you follow the step by step instructions in this blog, you will be able to set messenger engagement plugin on your website via the Flow Builder very easily
This original help article was published by the XeroneIt.