Cloudbeds gateway test

One real Cloudbeds Payment Element, four in-memory property profiles, no gateway secrets.

Serve this page from an HTTPS origin whitelisted by Cloudbeds. Paste only the signed Payment Element api-key. On localhost or the approved HTTPS test tunnel, you can generate it below using an SDK identity and secret. Never enter your regular Cloudbeds API credential.

Property profile

Generate signed key

Your secret is sent to this site's server for signing (through Cloudflare when using the trickframes tunnel). The signer does not save it, and the input is cleared immediately. Generate keys before rendering; reload to enter secrets after the SDK loads.

Cloudbeds documents wallets for Cloudbeds Payments. These filters cannot enable a method missing from the property. Use a compatible browser/device with a configured wallet; this embedded browser may not offer wallets. Select a method, then render again.

Wallets are for immediate payment, not deposits, authorizations, recurring payments, or saving a card. This demo makes no postCharge call, but do not assume SDK wallet confirmation is token-only. Use a Cloudbeds test gateway and test wallet credentials only.

Wallet setup in Cloudbeds
  1. On the Cloudbeds Payments property, open Settings → Payments → Additional and Custom Payment Methods.
  2. Select Add New Payment Type, add Apple Pay and Google Pay, and save. Contact Cloudbeds if unavailable.
  3. Whitelist payments-test.zerf.tech in the property's Booking Engine settings.
  4. Open this HTTPS demo in a compatible browser with a configured wallet. Enter that property's signed key, select wallets, and render. Confirm only against a test gateway.

The SDK uses the property's configuration; no separate Apple or Google merchant credentials are entered here. If a wallet is absent, compare with a Cloudbeds test Pay-by-Link on the same device to isolate property/device setup from this embed.

Cloudbeds wallet setup and limitations

Live element and result

Waiting for configuration

Select a gateway profile, enter its Cloudbeds values, and render.

Returned payment method ID (not proof of a reusable card or successful charge)

No SDK events yet.