Take payments on your site with PayPal.

Collecting payments and donations is easy to set up with PayPal. Just specify a few things like amount and style, then copy the auto-generated code and paste it into your website.

In this tutorial, you’ll learn how to create buttons and connect them to the PayPal button element within Responsive Site Designer.

Get Paid with RSD
PayPal Website Buttons

Locate the button tool inside your PayPal Merchant account.

To get started, log into your PayPal merchant account. Then select Tools from the top menu and choose All Tools from the dropdown.

Select PayPal Tools

When the page loads, click the PayPal Buttons option from the selection. This will take you to the button manager page.

Select PayPal Button

Instructions for button creation.

To start making a new button, click Create new button link located on the right side panel. This will launch the 3-Step button creation window.

Create New Button
STEP 1: Choose a button type and enter your payment details.

Select your button type. For example, for a fixed-amount, you’ll choose Buy Now to allow website visitors to make a one-time payment.

Button Type

Under Item Name, enter the name of the item or service you are selling. Then set your price, currency, shipping, tax, and identifier if needed.

Item Name and Price

 

Multiple Choice Buttons

Please note drop-down buttons offering multiple choices to your customer are not supported at this time.

Step 2: Track inventory, profit & loss (optional)

If you’re making buttons for an online shop, the set of options in this step will come in handy. You can set the quantity of your stock, track profit and losses, and even restrict purchases for items that are sold out.

Track Inventory
Step 3: Customize advanced features (optional)

This last section includes optional settings for the checkout page including changing order quantity, allow for a special message to be included with payment, or collect their shipping address.

There are also 2 redirect fields. The first gives you the ability to automatically send clients back to your site if they cancel their order. In this box, we recommend you direct these customers to your contact information so they can reach out to you if they have questions.

Redirect

The second redirect field will send customers to a special landing page after their order is completed. It is always a great idea to send these customers to a friendly ‘success’ or ‘thank you’ page. This professional touch gives the client closure, assuring them their payment has been accepted.

Get the button Identifier to insert into website

Click Create Button at the bottom of the window. PayPal will automatically generate the code for the payment button. The button identifier will be listed within the generated code. You'll want to copy this value manually with your mouse. You'll paste this ID into Responsive Site Designer to connect your button.

Copy Button ID

Adding the Identifier into RSD

Open Your project with Responsive Site Designer.

Launch RSD and open the page where you want to add your button. From the Content pane, click or drag-n-drop the button element you'd like to use: PayPal Button or PayPal Image.

The PayPal Button option will give you a customizable button. This allows you to change the appearance like color, size, text, font type, etc. so that it matches the style of your pages.

PayPal Button

The second option, PayPal Image, will insert a standard PayPal button design. The Design pane options under Source will allow you to select button types. You can also choose to import or link-in a local button image.

PayPal Image
Sync the element with your button ID.

From the Design pane, paste your PayPal button identifier into the box labeled Button ID.

Insert Button ID

High-Five! Your Button is Completed!

You Did It!

All done champ!...Now publish your website and start rollin’ in the dough!