Ask AI

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 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.

ย 

As an example, letโ€™s use the Buy Now button:

Notion image
โ„น๏ธ
Make sure you are signed in to PayPal to see the Buy Now option.

Follow PayPalโ€™s configuration steps like providing a Product name and Price:

Notion image

Once done, click โ€œSave and Create Buttonโ€:

Notion image

You will land on a page with your button code. Copy the code:

Notion image

Finally, add the link to a Custom Code block:

Notion image

Adding links in a data source

Let's assume you've created an e-commerce app. 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 the item's PayPal Buy Now button.

ย 

This time, when you create a button, switch to the Email Link tab, and copy the code.

Notion image

Adding the Button Link to the Product

Now, you have the button link and need to add it to 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 January 29, 2024