Cloud Payments Widget

Saim Hafeez

Last Update một năm trước

Demo Link: Here

Editor Link: Here

Description

Payment widget is a pop-up form to enter card data and payer’s email address. The widget automatically defines a payment system type: Visa, MasterCard, Maestro or MIR, and an emitting bank of a card and corresponding logos. The form is optimized for use in any browsers and mobile devices. There is an iframe opens within a widget which guarantees a security of card data sending and does not require a certification for merchant's usage.

Instructions

  1. ➕ Add Cloud Payments Widget Element: Insert the Cloud Payments widget element anywhere on your page where you want to enable payments.
  2. 🔑 Insert Your Public Key: Use your public_id from Cloud Payments and add it to the widget's configuration.
  3. ⚙️ Customize Settings: Adjust options like:
    • 🌍 Widget Language: Choose the desired language.
    • 💳 Amount & Description: Set the payment amount and customize the description.
  4. 🖱️ Add a Button: Create a button on the page and attach a workflow action titled "Pay - Cloud Payments Widget" to trigger the payment.
  5. 🚦 Use Plugin Events: The plugin provides three key events:
    • ✅ OnSuccess: Add actions to handle successful payments (e.g., show a confirmation message).
    • ❌ OnFailed: Add actions to display errors or prompt retry.
    • 🔄 OnComplete: Use this to wrap up actions like logging the transaction to a database or sending notifications.

Was this article helpful?

0 out of 0 liked this article