Step 1: Install the Plugin Go to your Bubble Editor.

Navigate to the Plugins tab on the left.

Click “Add plugins”.

Search for "PayPal Smart Checkout Button" (or use your plugin’s install link).

Click Install.

Step 2: Enter Your PayPal Client ID
After installation, scroll down to the plugin settings.

You’ll see a field labeled “Account id”.

Enter your PayPal Client ID (from https://developer.paypal.com/dashboard).

Use a sandbox ID for testing.

Use a live ID for production.

Step 3: Add the PayPal Button to Your Page
In the Design tab, drag the PayPal Smart Checkout Button element onto your page.

In the element properties, configure:

amount – e.g., 10.00

currency – e.g., USD

description – brief info (e.g., "Premium Plan")

meta_custom – any reference ID (optional)

shape – pill or rect

color – gold, blue, silver, etc.

layout – vertical or horizontal

label – pay, checkout, buynow, etc.

Step 4: Add Workflows to Handle Events
Use the Workflow tab to react to button actions:

When PayPal Smart Checkout Button's order_created is triggered
→ Use This element's order_id to log or verify the order.

When payment_has_been_completed is triggered
→ Use This element's payment_id to store transaction details.

When payment_has_been_cancelled is triggered
→ Show a message or reset UI.

When payment_has_failed is triggered
→ Display an error message or retry option.

Step 5: Test Your Integration
Use a sandbox client ID during development.

Use PayPal sandbox accounts (https://developer.paypal.com) to simulate purchases.

Confirm that each workflow event behaves correctly.