Adding the PayPal App to Smart Builder

Follow

Your visitors can complete payments and purchase products on your landing page, quickly and securely with a PayPal button.

Powered by Unbounce Apps, add a PayPal buy button to your landing page in Smart Builder! 

What You’ll Need:

Installing the PayPal App in Smart Builder

  1. Navigate to the Apps tab on the left-hand side of Smart Builder.
  2. Search and locate the PayPal App.
  3. Click the plus button next to PayPal to install the app.
  4. You may see a pop-up that appears, explaining that this App is swappable, like so:
    A pop-up on top of Smart Builder explaining that this App is swappable.

See our documentation to learn more about swappable elements: Swapping Elements in Smart Builder

Once you've installed the App, you can apply it to the landing page.

Adding a PayPal Button to your Page

In Smart Builder, the PayPal App will appear as a button on your page. To complete a payment, your visitors can click the button, input their PayPal login credentials, and confirm the payment. 

You can replace any other element on your page with the PayPal App. 

  1. Single-click the element in Smart Builder you'd like to replace with PayPal.
  2. Click the Change Element icon that appears at the bottom of the element.
  3. A drop-down menu will appear with different element options to swap the existing one with; select PayPal:
    Gif demo of a user swapping a button in Smart Builder to a PayPal element.
  4. Click the blue Set Up A Payment button. The PayPal Settings window will appear next to the button. 
  5. Within the PayPal Settings,
    • Enable or remove Conversion Tracking by toggling the blue radio button,
    • Input the Currency and Price of your product, and
    • Type in your Merchant ID or Email. 
      Annotated image of currency, dollar amount, and merchant ID in a small window on top of Smart Builder.
  6. Click Apply - wait a few moments for your Merchant ID to validate. 
  7. The PayPal button (plus an additional button to input a Debit or Credit Card) will appear:
    An orange PayPal button, and a dark grey 'debit or credit' button in Smart Builder.

That's it! Be sure to Save & Publish your page to finalize these changes. 

Note:

Note: at this time, the default PayPal button style & appearance will appear in Smart Builder.

Testing the PayPal App in Smart Builder

See these steps to test the PayPal App or see how the experience appears on your visitors' end. 

  1. Navigate to the live or Preview mode of your page in Smart Builder. 
  2. Scroll down and click the PayPal button on your page. 
  3. A prompt to the PayPal log-in portal will appear. 
  4. Log in and confirm the payment amount. Click Pay Now to complete the purchase. 
  5. A successful payment message will appear in Smart Builder. 

Updating the PayPal Settings

If you need to update the PayPal settings, such as changing the purchase amount or updating the Merchant ID, navigate back to the PayPal App in Smart Builder, and click the gear icon:

Annoted image of the Setting (gear icon) button highlighted in Smart Builder.

The PayPal Settings window will re-appear, and you can make changes or updates.