Add the PayPal payment form to any page of your website in minutes

To generate additional income online, you might need to add a PayPal payment form to any page on your website. It is true that online stores already give this possibility. However, if you are a blogger, a service company or an association, you may not want to invest in the design of an online store for a payment option. In this article, we will see how to integrate the PayPal payment form on your web pages step by step. There is no need to be a developer; follow the steps to get there.

Method of payment and prerequisites.

It should be noted that gateways such as Stripe or Moneris also offer this possibility. If you use a solution other than PayPal, you can leave us a message; it would be a pleasure to make an article, especially for you on this solution.

Prerequisites for adding the PayPal payment form to your website

  1. Have a PayPal business account
  2. Generate an API key
  3. be able to copy and paste the codes
  4. If you don’t know much about computers, be able to paste them into a location on your web page.

Bellow are Essential Steps to add a payment method on your pages.

Below are the steps to follow:

Step 1: Log in to your PayPal account

Once logged into your PayPal account, go to the “Pay and get paid” tab and then click on the “PayPal Buttons” button.

PayPal Button

PayPal gives you several options to choose the one that best suits your goals. As far as we are concerned, we will choose “Smart Buttons”

Step 2: Customize the “Smart Buttons”

Step 2: Customize the

In the customization screen, you have several options available to you. We will see together how to better configure your code.

  1. In the first field, “Button type,” you must choose the option that suits you. You must choose between Fixed price, Single selection list or Variable price; We will recommend you to choose Variable cost. Indeed, the variable price option gives you more flexibility regarding adding to your web page.
  2. The second proposed field is “Description of the object.” Here is the title you will want to give to your transaction. For this field, the payer can have the possibility to put his title, or you can force with HTML.
  3. You have other tabs such as Shipping costs (if you are selling a physical product), currency and tax percentage.

For our mini-tutorial, we will fill in as follows:

  • For “Button type” we will choose Variable price
  • In the second field, we will write “Please enter the title of your product”
  • Next we will selection the currency “CAD” for canadian dollar
  • And as the label of the amount field, we will put “Amount to pay”

Eventually we would have a design similar to the photo below:

Payment method design

You can see the “Copy Code” button at the bottom of the page. You simply have to click on this button to copy the HTML code into your website. The contents of the code will be similar to what you see below.

Important Note: The only information that changes from user to user is the customer key in the code above. In other words, you can customize the code for your site by retrieving just your customer key. Then you must make the modification at the link level https://www.paypal.com/sdk/js?client-id=xxxxxx&enable-funding=venmo&currency=CAD

Step 3: Paste the code you copied from the PayPal site

You need to paste the code on your website. The location can vary greatly depending on the solution you use. If you are using a static HTML website, you need to open your site’s HTML document and put where you want the button to appear. See a demonstration in the video below:

If you use a content manager, you can paste it into one of your pages. If you have a WordPress website, we’ve developed an extension that can help you set it up in minutes.

[the_call_to_action title=”You can click the link below to download the extension for free” action_text=”Download” action_type=”modal” action_link=”exampleModal” data_title=”Get the plugin download link directly in your inbox ” data_action=”telechargement” data_link=”prositeweb_paiement”]

How to use the WordPress extension to Add a PayPal payment form on any website page?

Thanks to our extension, you will add payment forms dynamically on your WordPress pages. The mode of use is simple and fast. In the following, we will explain how to do this.

1. Get the copy of the extension

To get a copy of the extension, click the button above. Once you have done so, we will send you a confirmation email with the download link.

2. Activate and configure the extension

When you have activated the extension, in the “Setting ” tab, you will see the option “Payment on pages Setting.” Click on this tab and then perform the configuration of the extension. Among other things, you will have to provide:

  • Your customer key (PayPal)
  • The types of publications where you want the form to appear
  • The currency, default title, invoice identifier, and default amount.
  • Next, you must select whether you want the form to appear on all pages or not.

If you select yes, the form will be below all the contents of the pages with the type option you selected. Otherwise, you must use the shortcode provided to display the form where you want.

Add payment method extension

The ID key is simply the information you will find just after the client-id of the link https://www.paypal.com/sdk/js?client-id=xxxxxx&enable-funding=venmo&currency=CAD. If you have trouble getting it, contact us. It would be a pleasure to assist you.

In summary

Adding a payment form to a page is relatively easy. You do not necessarily need to create an entire online store for this purpose.

Leave a comment



Thank you

Thank you for contacting Prositeweb,
Go back to the home page

Please fill free to contact us at any time for any request regarding our services. Contact us.

Thank you