Moments feature allows you to open any web application inside the ongoing chat - you can display a contact form, show a video, or process an order inside the chat window without ending the chat or jumping to a different tab.
You can use the feature for specific tasks; the most common are:
-
Schedule meeting - display an interactive calendar for scheduling a meeting
-
Shopping cart - give customers an option to manage the shopping cart and make a deal without leaving the chat window
-
Reservation system - automate your sales with a chatbot by connecting your reservation system.
-
Authorization - authorize your user and show specific data that shouldn’t be publicly visible
-
Articles view - share the knowledge without leaving the chat window
The page will be available to your users after a button click in the Button or Gallery bot response.
.png)
How the Moments feature work
It depends fully on the bot flow you design and the user’s needs when the feature will be used. When the user needs it, the bot will send a message with the Moment button. The link will be opened when the user clicks the button.
The chat remains active when the Moment is opened, and the web application is loaded. The customer can perform activities in the web application and then close the Moment window.
You can close the Moment window by the web application (by triggering the SDK method), or the user can close it manually.
From a developer’s perspective, a Moment is an embedded website in an iFrame that is shown during a chat.
You can close the Moment window by the web application (by triggering the SDK method), or the user can close it manually.
From a developer’s perspective, a Moment is an embedded website in an iFrame that is shown during a chat.
You shouldn’t use this for opening complex web applications or websites. This is an action dedicated to particular tasks which are useful in your chat.
You can specify the height of the Moment window by setting the height property. Available values are:
-
full - 100% of the widget size
-
tall - 75% of the widget size
-
compact - 50% of the widget size
See the configuration process in this article.
Moments feature in integrations
You can use Moments in our native ChatBot Chat Widget and extend its functionalities with API, or use it in other products.
Moments SDK in ChatBot Chat Widget
Moment SDK is a communication layer between your opened web view and the Chat Widget. Thanks to that, you can manage your webview from your application side. You can check our API documentation for further information.
To check how the feature works, test the bot in the Testing tool, or use the Sample page. When the feature is ready, install the bot on your site.
Moments in LiveChat Chat Widget
Moments in LiveChat Chat Widget can be triggered only by clicking the button. To make it work, you must integrate the bot with LiveChat first.
You can use the same SDK as for the ChatBot Chat Widget. Check the documentation for more information.
Moments in Facebook Messenger
To handle communication between an open web view and Messenger, you must use the SDK provided by Facebook.
See this article to integrate the bot with your Facebook page. Moments in Facebook Messenger can be triggered only by clicking the button.
Date Picker - usage example
An app written in Vue.js allows a customer to pick a date from the date picker. It sends a chosen option back to a chat. The source code is available on GitHub, preview is deployed here. You can use the preview link to implement the date picker in your bot.
Read more:
