PayPal Smart Checkout Payments

• Smart Payment Buttons – Add PayPal’s modern checkout buttons directly in Bubble.

• Multiple Payment Methods – Accept PayPal, credit cards, Venmo, Giropay, Sofort Überweisung, and more.

• Integrated Checkout – Keep users inside your Bubble app during checkout.

• Payment Authorization – Place a hold on funds before confirming the capture.

• Marketplace-Ready – Ideal for multi-vendor apps where payments may be conditional.

• Manual Capture Control – Capture or void payments via workflow actions.

• Flexible Implementation – Supports both instant payments and delayed capture flows.

• Go to the Plugin Tab
• Open your Bubble Editor.
• Navigate to the Plugins tab on the left panel.

• Add Plugins
• Once in the Plugins tab, click the Add Plugins button.

• Search for the Plugin
• Use the search bar to type PayPal Smart Checkout Payments.



• Locate the plugin in the search results.

• Install/Buy
• If the plugin is free, click Install to add it to your application.
• For a paid plugin, click Buy and follow the purchase instruction.

• Payment Information (For Paid Plugins)
• If the plugin is a paid one, fill in your payment details and make payment.

• Charges will be added to your Bubble billing account.

• Remember, if you unsubscribe from the plugin shortly after installation, charges will be prorated based on the days used.

• Plugin Installed
• Once installed, the plugin will appear under the Installed Plugins list in your Bubble Editor.

• Open the plugin settings in Bubble.

• Enter your PayPal Client ID and Secret:
• Use Sandbox credentials for testing.



• Use Live credentials when ready for production.

• Open the Design tab in your Bubble editor.
• In the Design tab, search for the PayPal Checkout element.

• Drag and drop it onto your page.

json
{
  "id": "text",
  "intent": "text",
  "purchase_units": {
    "reference_id": "text",
    "amount currency_code": "text",
    "amount value": "text",
    "payee email_address": "text",
    "payee merchant_id": "text",
    "shipping name full_name": "text",
    "shipping address address_line_1": "text",
    "shipping address admin_area_2": "text",
    "shipping address admin_area_1": "text",
    "shipping address postal_code": "text",
    "shipping address country_code": "text",
    "payments authorizations": {
      "status": "text",
      "id": "text",
      "amount currency_code": "text",
      "amount value": "text",
      "seller_protection status": "text",
      "seller_protection dispute_categories": "undefined",
      "expiration_time": "text",
      "links": {
        "href": "text",
        "rel": "text",
        "method": "text"
      },
      "create_time": "text",
      "update_time": "text"
    }
  },
  "payer name given_name": "text",
  "payer name surname": "text",
  "payer email_address": "text",
  "payer payer_id": "text",
  "payer address country_code": "text",
  "create_time": "text",
  "update_time": "text",
  "links": {
    "href": "text",
    "rel": "text",
    "method": "text"
  },
  "status": "text"
}

json
{
  "id": "text",
  "status": "text",
  "links": {
    "href": "text",
    "rel": "text",
    "method": "text"
  }
}

json
{
  "id": "text",
  "create_time": "text",
  "update_time": "text",
  "state": "text",
  "amount total": "text",
  "amount currency": "text",
  "amount details subtotal": "text",
  "parent_payment": "text",
  "links": {
    "href": "text",
    "rel": "text",
    "method": "text"
  }
}

json
{
  "id": "text",
  "status": "text",
  "links": {
    "rel": "text",
    "method": "text",
    "href": "text"
  }
}

json
{
  "id": "text",
  "status": "text",
  "links": [
    {
      "href": "text",
      "rel": "text",
      "method": "text"
    }
  ]
}

json
{
  "id": "text",
  "status": "text",
  "intent": "text",
  "payer": {
    "name": {
      "given_name": "text",
      "surname": "text"
    },
    "email_address": "text",
    "payer_id": "text"
  },
  "purchase_units": [
    {
      "reference_id": "text",
      "amount": {
        "currency_code": "text",
        "value": "text"
      }
    }
  ],
  "links": [
    {
      "href": "text",
      "rel": "text",
      "method": "text"
    }
  ]
}

• User initiates checkout
• The plugin displays PayPal Smart Buttons on your page.

• Successful Payment Event
• When the event A PayPal (Testing) A Payment Has Been Successful is triggered:

• Save key payment details (transaction ID, status, payer info, etc.) to a custom state.

• Example custom state setup (attached to the page, e.g., paypalexp):
• autid → text



• error → text
• expire → number
• orderid → text
• token → text

• Verify Payment
• Show a Verify Order button on successful payment.
• Add a workflow for the Verify button:
• Action: PayPal (Testing) - Verify Order Sandbox



• Path Parameter:
• orderid = paypalexp's orderid
• Headers:
• Content-Type = application/json
• Authorization = Bearer paypalexp's token

• Always log transaction IDs in your database for future reference and troubleshooting.

• Use Authorization before Capture if you need delivery confirmation or additional approval before charging.

• Provide clear user feedback:
• Pending payments → let users know their payment is not yet finalized.





• Captured payments → confirm completion.

• Perform thorough testing in Sandbox before going live.

• Once tested, switch to Live credentials to begin real transactions.

• Bubble Plugin Page Update (Description).

• Bubble Plugin Page Update (Price).

• added "Verify Order Sandbox" api call.

• Marketing update (minor change).

• Minor update (Marketing update).

• Acquired by Zeroqode.

• Updated Description.

• Unique elements rendering.

• Updated Description.

• Updated Demo Page.

• Server Update.

• Minor Fix.

• New Details.

• Updated for New Responsive.

• Added Sandbox API Calls.

• Fix.

• Doubled Buttons Bug Fixed.

• First Release.