The Webview Node in Floatchat provides integration capabilities to enable advanced use cases such as payments, OAuth, and more, which involve a third-party web interface for user inputs or authentication. Additionally, Floatchat includes built-in configuration parameters for popular services like Stripe and Google OAuth, making it easier to incorporate them into your conversation flows.
2. Use Cases #
2.1 Payment #
With the Webview Node, a bot builder can set up payment methods through the bot using Stripe or customize the integration with other payment gateways. For example, a gym using a chatbot can allow users to select a subscription plan and make payments through the bot.
2.2 OAuth 2.0 #
The Webview Node facilitates the setup of OAuth 2.0 authentication within the conversation flow. It comes pre-configured for Google OAuth, but it can be used for other systems requiring OAuth authentication as well. For instance, a user may need to authenticate with Google to grant the chatbot access to specific files in Google Drive.
2.3 Custom #
The Custom Setup option enables integration with any similar services that require user input on their website and send the success back to Floatchat using a callback. This can include other payment gateways or services like JotForm, which allows you to create custom forms and utilize them within your chatbot.
3. Setup Examples #
In this section, we will cover setup examples for Stripe, Google OAuth, and Custom integrations. No specific credentials are required for the JotForm setup.
3.1 Stripe #
To set up Stripe integration with the Webview Node, you need the Publisher Key and Secret Key from your Stripe account. Configure the payment method type, item name, amount, item quantity, and currency. You can also specify options like conversion and collecting the billing address. The Webview Node will direct users to a pop-up window for processing payments through Stripe, and the flow can be adjusted based on the payment status.
3.2 Google #
For Google integration using OAuth 2.0, you need to set up an app and obtain a Client ID and Client Secret. Configure the callback URL and specify the scope(s) for the desired Google service. During the bot flow, the Webview Node will direct users to a pop-up window for granting authorization, and upon completion, users will be redirected back to the bot with the authentication details.
3.3 Microsoft #
To integrate with Microsoft using OAuth 2.0, create an application in the Azure Portal, add the necessary permissions (e.g., user.read), and configure the redirect URL. Obtain the Client ID and Client Secret and enter them in the Webview Node settings, along with the specified scope (e.g., https://graph.microsoft.com/User.read).
3.4 Custom (JotForm) #
As an example of a third-party service, JotForm allows you to use custom forms. Configure the provider name, callback URL, and other parameters. Set up the form on JotForm, obtain the unique name of the desired column, and include it in the callback URL. The Webview Node will redirect users to the JotForm form, and upon submission, the specified parameter values will be returned to the bot and saved in the designated attribute.
These setup examples demonstrate how the Webview Node in Floatchat can be used to integrate advanced functionalities into your chatbot.
If you have any further questions or need assistance, please feel free to contact us.