Webform builder

预计阅读时间3 分钟 277 views

How it works

The Messenger Platform allows you to open a standard webview, where you can load webpages inside Messenger. This lets you offer experiences and features that might be difficult to offer with message bubbles, such as picking products to buy, seats to book, or dates to reserve.

Webform builder

Go to Messenger Bot Webform builder and you will see all your existing webview form you built so far.

icon refers webview preview to know how it will look like and to copy webview url
icon refers webview report to view form details and submitted form data
Export Form Data
icon refers webview edit
icon refers webview delete

Create New Webform

To create a new webview form simply click “New form” button. This is a drag and drop form builder. Choose form name, title, page. You choose optional label and reply template. When people will submit the form they will be assigned to the selected labels and also they will receive the inbox reply.

Design your form easily by dragging the elements you want from right sidebar. Your form must have a submit button.

For each form field, you can edit it by clicking the pencil icon

If it is a special field, such as email or mobile number, you can select the corresponding field in Type.

Finally, each form needs to have a button, click “Save” when you are done

How To Use The Webform

Click icon and you can see your Webform preview, copy the browser URL, this is the Webform URL.

Now it’s time to use this Webform in bot settings. Go to Bot Manager Bot Reply , create a new flow or edit an existing bot settings. Webform works with text with buttons, generic template, carousel & media. Choose button type and choose Webform and put the copied URL.

This will how this will look like in bot live action :

After submitting the form, the window will automatically close after Success! is displayed.

Then you will receive a response after submitting the form

Report

Click icon in webview manager and you can see your webview report grouped by subscriber and clicking the eye icon inside here will pop up the submitted form data in details.

Example Use Cases

A ticket-search bot can display an interactive stadium seat map for choosing a seat.
A travel bot can provide travel preferences—aisle vs. window, inn vs. hotel, dietary needs—accessible from the persistent menu.
A dental-appointment bot can display an interactive calendar for choosing an appointment slot.
A news bot can provide a multi-select list of topics to subscribe to.
A commerce or brand bot can offer personal preferences to customize offers and free gifts.

If you are a developer, you can set a webhook URL after the user submits the form. The system will send the content in the form to the webhhok URL after the user submits the form.

For details on how to set the webhook url, please refer to JSON API Connector

Webform builder

How it works

Webform builder

Create New Webform

How To Use The Webform

Report

Example Use Cases

Webform builder

CONTENTS