How to create Messenger Webview Forms?

In this article, you'll learn to create Messenger Webview Forms.

The Messenger Platform allows you to open a Webview, which loads web pages inside of Messenger.

This allows you to offer more of an experience with features that are difficult to do in a message bubble, like picking products or appointments.

The MMIO application lets you quickly design the Messenger webview too!

Creating a Messenger Webview Form

1. Click Facebook & Instagram on the Navigation Pane and Select Messenger Webview

   

2. Select your Page and Click Create New Webview Form

   

3. Now you can see the configuration section

4. Please add relevant details such as Form Name, Select Tag/Label, Form Title, Select Messenger Flow and Select Messenger Flow.

   In case of any doubts, Please follow the table below:

   Parameter	Description
   Form Name	Provide a form name.
   Form Title	Provide a name for the form title.
   Facebook Pixel ID (Optional)	Provide your Facebook pixel ID. You can find this in the Ads Manager on your Facebook Business profile.
   Select Tag/Label To Associate Subscriber	Select the tag/label that you want to assign to the customers
   Select Messenger Flow used to reply after subscriber submits data.	Select the messenger flow that you want to use for replying to customers when they submit a request. You can also create a new flow or edit an existing messenger flow here. NOTE: Messenger flow Reply will only work when the Webview form is opened using Messenger Button.

5. Create a form using the powerful drag and drop builder.

   The design elements available here are Header, Paragraph, Text Field, Text Area, Select, Radio Group, Checkbox Group, Button, Date Field, and #Number.

   

   You can quickly design your forms and views using these elements. 

   NOTE: You can also use the options in the elements to restrict access for elements. For example, if you do not want your customers to change the date field, you can restrict it to the Admin role.

6. Click the SAVE button at the right bottom.

7. Scroll to the top and click the Go Back button

8. Here you can see the webview form in the list.

   

9. You can see the Reports for all the customers who submit information on the Webview form using the View Data button.