Showing the Webview
Entry Points
The webview can be opened from:
- The persistent menu
- A URL button inside a message, including the generic template.
- A Chat Extension provided by your bot
In each of these instances, you can specify how the webview should look and behave.
If your app uses the Messenger Extensions described in this section, remember to set the messenger_extensions parameter to true in the menu item or button you are invoking it from!
Height
Each of the entry points aboves offers a choice of height: either compact, tall, or full:
Sharing
Webviews, by default, now allow the user to share pages from your bot into conversations in Messenger.
When the link is shared, the resulting bubble will include an attribution that will allow the recipient to try your bot.
To control the contents of the message bubble that results when a user decides to share your page in this way, we suggest setting Open Graph meta tags for the page.
To more closely control the bubble, or to create a custom call-to-action for the recipient to tap, try Customized Sharing in Messenger Extensions, discussed below.
How to Disable Sharing
There may be cases where you do not wish to allow the user to share from the webview (for instance when it is showing sensitive information or a web app that only works for bot users).
For this reason, there is now a webview_share_button attribute for both menu items and URL buttons. Set it to hide to disable sharing functionality in the webview. You may wish to use this if the webview is showing sensitive information.
Note that this attribute only hides the visible share button in the webview chrome; shares your bot initiates using beginShareFlow() will still work.
Controlling the Dialog Title
As per usual, your page's title tag determines the large title displayed at the top of the webview screen in Messenger.
<html>
<head>
<title>Select Criteria</title>
</head>
...
</html>