MARKETPLACE
PLUGINS
CLOUDPAYMENTS PAYMENT WIDGET & MORE
CloudPayments Payment Widget & More logo

CloudPayments Payment Widget & More

Published March 2021
   •    Updated November 2025

Plugin details

An easy-to-use and easy-to-setup plugin allows you to manage payments using the CloudPayments service.
Now with Subscriptions, Payment by a Token (Recurring), Payout by a Token, transaction list and details, Refund, Payment Confirmation and Cancellation and much more.

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.

This plugin allows you to create a subscription with a lot of details. Also you can retrieve all user subscriptions, change or cancel subscription. You will be able to retrieve transactions as well.

Demo page & documentation:
https://testliveversion.bubbleapps.io/version-test/cp-payment

Demo editor:
https://bubble.io/page?type=page&version=live&name=cp-payment&id=testliveversion

If you have any questions or suggestions feel free to contact us on e-mail [email protected].

$12

One time  •  Or  $4/mo

5.0 stars   •   3 ratings
119 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

kursin.com logo
kursin.com
Joined 2021   •   4 Plugins
View contributor profile

Instructions

CloudPayments Plugin Documentation
Initial Setup

First, you need to enter the following credentials in the plugin settings:
- publicId - Your CloudPayments public ID
- username - Same as publicId (used for API calls)
- password - Your API key (used for subscription management)

The username and password are used for API calls, particularly for subscription management.

Actions Overview

The plugin provides two main payment actions:
- CloudPayments Payment - For one-time payments
- CloudPayments Subscription - For recurring payments/subscriptions

CloudPayments Payment Action

Basic Payment Fields
- Type - Payment type (charge or auth)
- Description - Payment description
- Amount - Payment amount (number)
- Currency - Currency code (e.g., RUB, USD)
- accountId - Customer identifier
- invoiceId - Invoice/order ID (optional)
- email - Customer email (optional)
- Skin - Widget appearance (mini, classic, or modern) (optional)

Success/Fail Handling
- onSuccess - Redirection URL for successful payment
- onFail - Redirection URL for failed payment  
- onComplete - URL for payment completion webhook
- onCompleteMethod - HTTP method for completion webhook (POST/GET)

Additional Data
- data - Custom data fields for receipts or transaction export (optional)

New Payment Method Control Features

Individual Payment Method Support (Optional)
Control which payment methods are available in the widget:
- googlepaysupport - Enable/disable Google Pay
- applepaysupport - Enable/disable Apple Pay
- sbpsupport - Enable/disable SBP (Fast Payment System)
- tinkoffinstallmentsupport - Enable/disable Tinkoff installments
- tinkoffpaysupport - Enable/disable TinkoffPay
- dolyamesupport - Enable/disable Dolyame payments
- mirpaysupport - Enable/disable MirPay
- foreignsupport - Enable/disable foreign cards
- sberpaysupport - Enable/disable SberPay
- yandexpaysupport - Enable/disable Yandex Pay
- masterpasssupport - Enable/disable MasterPass
- mtspaysupport - Enable/disable MTS Pay
- speisupport - Enable/disable SPEI (Mexico)
- installmentkzsupport - Enable/disable Kazakhstan installments
- tinkoffcreditsupport - Enable/disable Tinkoff Credit

Payment Methods Ordering (Optional)
- paymentmethodsorder - Comma-separated list defining the order of payment methods
 - Available values: Card, SbpPay, SberPay, MirPay, TinkoffPay, TinkoffInstallmentPay, TinkoffCredit, ApplePay, GooglePay, YandexPay, MasterPass, MtsPay, TcsBnplDolyame, ForeignCard, Som, Spei, InstallmentKz
 - Example: Card,SbpPay,SberPay,MirPay

Display Configuration (Optional)
- paymentmethodsnotfoldedcount - Number of payment methods to show expanded (rest will be under "More")

T-Pay Redirect URLs (Optional)
- successredirecturl - Success redirect URL for T-Pay payments
- failredirecturl - Fail redirect URL for T-Pay payments

CloudPayments Subscription Action

The CloudPayments Subscription action includes all the payment action fields plus additional subscription-specific features:

Subscription-Specific Fields
- Product details - Product name, price, quantity, amount, VAT
- Receipt information - Taxation system, phone, BSO settings
- Recurrent settings - Interval, period, max periods, start date, subscription amount

Payment Method Features
The subscription action includes all the same payment method control features as the payment action:
- All 15 individual payment method support flags
- Payment methods ordering capability
- Display configuration options
- Note: T-Pay redirect URLs are not applicable for subscription payments

Usage Examples

Russian Market Configuration
foreignsupport: false
paymentmethodsorder: Card,SbpPay,SberPay,MirPay
paymentmethodsnotfoldedcount: 2

International Payments
paymentmethodsorder: ApplePay,GooglePay,Card,SbpPay
paymentmethodsnotfoldedcount: 3

Mobile-First Experience
paymentmethodsorder: ApplePay,GooglePay,YandexPay,SberPay,Card
sbpsupport: true
foreignsupport: true

Data Sources for Subscription Management

Subscriptions List
1. Action: Use "Subscriptions list Action" with customer's accountId (usually email)
2. Repeating Group: Choose "Get data from an external API" → "CloudPayments - Subscriptions List Data" → Select Model as Data Source

Transactions List
Same as subscriptions list - use "CloudPayments - Transactions List Data" as the data source.

Subscription Details
Use "CloudPayments - Subscription Details" as the Data Source for a Group element (not Repeating Group) since it returns data about a single subscription.

Widget Customization

- Language - Choose widget language
- Skin options: mini, classic, modern
- Payment method visibility - Control which methods appear
- Payment method ordering - Customize the display order
- Expanded methods count - Control how many methods show without clicking "More"

Support

For questions or suggestions, contact us at [email protected]

Technical Notes

- The plugin automatically handles CloudPayments script availability
- Supports both comma-separated and JSON array formats for payment method ordering
- All payment method control features work for both payment and subscription actions
- Error handling is built-in for invalid configurations

Types

This plugin can be found under the following types:
Api   •   Action   •   Background Services

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Great plugin, very cool developer!
January 19th, 2022
Get the plugin works great. Special thanks to the developer for the fast timely support and help in setting up the plugin. 😎
help me
August 28th, 2021
When is the payment made, how can I get the data on the payment made? Can I contact you somehow to configure the plugin? UPD. Amazing plugin! Thank you!
All payment data usually sending by CloudPayments notification function to Bubble endpoint. Feel free to contact us via e-mail: [email protected] and we'll help you as soon as possible.
August 7th, 2021
  •  
kursin.com
Everything is very cool!
May 22nd, 2021
Hello! I want to express my deep gratitude to the developer of this plugin! Since I am new to this business , I had difficulties in setting up integration and accepting payments. The developer quickly got in touch and helped solve all the issues and even more! The plugin itself works without errors and complaints, everything is fine!
Thank you so much!
June 5th, 2021
  •  
kursin.com
Bubble