PayPal

Integrating PayPal with Softr to receive payments.

You can easily integrate PayPal on your Softr app to start receiving payments. You can either add a single button or, if you're importing a list of products from a data source, you can add a PayPal link for each product in your database, so that customers can visit your store and make purchases. Let's discuss each case separately.

Adding a Single Button

Your starting point is https://www.paypal.com/buttons/, where you can log in and choose the type of button you want to have on your site. After generating the button, the code can be added inside a Custom Code block in your Softr app. The gif below shows how to add Smart Buttons.

Adding a PayPal Smart Button to Softr
Adding a PayPal Smart Button to Softr

Adding links in a data source

Let's assume you've created your app based on our e-commerce template. Thus, you have your product listing, and each product has a View Details button, which should be linked to the item details page. On the details page, there's in turn a Buy Now button. So, let's customize the Buy Now to link it to item's PayPal Buy Now button, which we are going to create now.

Creating the Button

On https://www.paypal.com/buttons/, choose the Buy Now button.

Selecting the “Buy Now” button
Selecting the “Buy Now” button

Next, add item Name and Price and make other customizations based on your needs.

Adding product details
Adding product details

You can also Track inventory, profit and loss and Customize advanced features, which are optional.

Additional product configs
Additional product configs

When you’re done, hit Create button to finalize the setup.

Create button
Create button

Getting the Button Link

In the following page, scroll down, switch to the Email tab, and copy the code.

Getting the button link
Getting the button link

Adding the Button Link to the Product

Now, you have the button link and need to add it in your data source to the corresponding product. We are going to use Airtable as our data source and create a PayPal Link field to add the button link there.

The “PayPal Link” field on Airtable
The “PayPal Link” field on Airtable

Next, on our product details page, we are going to set the Buy Now button action to External url and select the PayPal Link field.

Setting the external URL to the PayPal link field
Setting the external URL to the PayPal link field

So, that's the process for one particular product, and you need to repeat it for all the products, creating a unique PayPal button for each one. When you're done, the Buy Now button on the product page will redirect to the PayPal payment page, as shown below.

Testing the button
Testing the button
Did this answer your question?
😞
😐
🤩

Last updated on December 6, 2022