Adding PayPal Buttons to your Wix Website

This tutorial takes you through the process of adding PayPal buttons to your Wix website.

Wix allows you to create modern, responsive web sites without any technical knowledge. The Wix editor is easy to use and provides all the functionality your website could possibly need.

Our tutorial shows you how to add the following PayPal buttons to your site:

  • Buy Now: Allows your visitors to purchase your products or services.
  • Donate: Allows your visitors to donate to a cause.

You can use PayPal buttons with all Wix accounts – both free and paid.

You need a PayPal Business or Premier account to use the buttons. PayPal is an easy way to accept payments online. The funds are paid into your PayPal account where you can access them and track your transactions with ease.

Contents

Step-by-step guide to adding PayPal buttons to your Wix website 1

Accessing your site in the Wix editor 1

Adding a PayPal button to a page 3

Adding PayPal button information 6

PayPal Buy Now button settings 7

PayPal Donate button settings 9

Applying PayPal button layouts 12

Applying PayPal button animations 13

Deleting a PayPal button 16

Step-by-step guide to adding PayPal buttons to your Wix website

Here is a step-by-step guide on adding PayPal buttons to your Wix website:

Accessing your site in the Wix editor

To access your Wix site in the editor:

  1. Login to your Wix account.
  2. Select the site you want to work on, if necessary.
  3. Click Manage Site.

 

  1. In site manager click Edit Site.

<edit-site.png>

  1. Your site will open in the Wix editor.

 

 

Adding a PayPal button to a page

By default, the Wix editor provides two PayPal button types: Buy Now and Donate PayPal buttons. You can add as many of these buttons to your pages as you like.

To add a PayPal Buy Now or Donate button to a page:

  1. Open the Pages drop-down menu.

 

  1. Click the page on which you want to add the button to open it.

 

  1. Add appropriate content to the page. Typically, you would add text and images showcasing the product or service for sale, or the cause you are raising donations for.

 

  1. Click the Add icon
    C:\Users\Ruth\AppData\Local\Temp\SNAGHTML2cad854f.PNG
    and then the More icon
    C:\Users\Ruth\AppData\Local\Temp\SNAGHTML32d5ad77.PNG
    in the menu.

 

  1. Drag either of the buttons on to the page

 

  1. The button displays where you positioned it on the page.

 

 

Adding PayPal button information

All settings for PayPal buttons are applied in the Wix editor.

To activate the PayPal Info icons click the PayPal button on the page:

 

Click each icon to open a dialog with corresponding configuration options:

  • Settings

    : Set PayPal information needed for the button to function correctly. Note! Buy Now and Donate buttons have different settings. <settings-icon.png>
  • Layouts

    : Apply different button layouts. <layouts-icon.png>
  • Animations

    : Apply button animations. <animate-icon.png>

PayPal Buy Now button settings

To add PayPal Buy Now button settings:

  1. Click the Settings icon

    to open the PayPal Settings dialog. <settings-icon.png>

  1. Button type: In What’s this button for? you can switch between Buy Now to a Donate buttons by selecting the Selling and Donating options. Any changes will automatically reflect in both the page and the dialog.

<selling-donating-setting.png>

  1. PayPal email: Enter your PayPal Business or Premier account email. If you have not yet created a PayPal account, you can still enter a valid email address and sign up for PayPal with it later.
  2. Product name: Enter the name of your product.
  3. Product ID: This is an optional field that you can leave blank if you like. It is an advanced option that is typically used for tracking purposes.
  4. Price: Enter the price to charge for your product.

 

 

  1. Currency: Click on the down-arrow to select your currency from the drop-down menu. All supported currencies are listed.
  2. Behaviour: By default, PayPal opens in a new window when your visitor clicks the Buy Now button. This ensures your site remains open during check out and is good for customer retention. You can change this behaviour by selecting Current window.
  3. Language: Click on the down-arrow to select your language. The button label text will reflect your selection. Here’s the Buy Now button in Italian, for example

    .

 

PayPal Donate button settings

To add PayPal Donate button settings:

  1. Click the Settings icon

    to open the PayPal Settings dialog. <settings-icon.png>

 

  1. Button type: In What’s this button for? you can switch between Buy Now and Donate buttons by selecting the Selling and Donating options. Any changes will automatically reflect in both the page and the dialog.

 

  1. PayPal email: Enter your PayPal Business or Premier account email. If you have not yet created a PayPal account, you can still enter a valid email address and sign up for PayPal with it later.
  2. Organization: Enter your organization name.
  3. ID: This is an optional field that you can leave blank if you like. It is an advanced option that is typically used for tracking purposes.
  4. Donation amount: The Let visitors set own amount option is selected by default. This allows visitors to decide how much to donate. If you switch this option off, a What’s the donation amount? field will display where you can set a fixed donation amount.

 

 

  1. Currency: Click on the down-arrow to select your currency from the drop-down menu. All supported currencies are listed.
  2. Behaviour: By default, PayPal will open in a new window when your visitor clicks the Donate button. This allows your site to remain open during the payment process and is good for customer retention. You can change this behaviour by selecting Current window.
  3. Language: Click on the down-arrow to select your language. The button label text will reflect your selection. Here’s the Donate button in Turkish, for example

    .

 

Applying PayPal button layouts

There are three layouts available for each button type: small button, standard button and standard button with credit card logos.

To access the PayPal button layouts:

  1. Click the Layouts icon

    to open the PayPal Layouts dialog. <layout-icon.png>

 

  1. Click on a layout to select it. The current selection is highlighted by default.

 

  1. The new layout displays on the page.

Applying PayPal button animations

There are a number of animations available to liven up your buttons. Animations are applied on page load. PayPal buttons are static by default.

To access the PayPal button animations:

  1. Click the Animate icon

    to open the Choose Animation dialog.<animate-icon.png>

 

  1. Mouse over the animations in the Choose Animation dialog to see their effect on the page.
  2. Click on an animation to select it and apply it to the button. Click None to remove an animation.

 

  1. If you want to change the default behaviour, click Customize:
  2. Each animation effect has options unique to that effect, for example for Bounce-in you can set the intensity of the bounce, and for Arc-in you can set the direction.The following options apply to all animations:
    1. Duration: Set the time in seconds that the animation lasts.
    2. Delay: Set the delay in seconds after page load when the animation will start.
    3. Frequency: By default, the animation is applied each time the page loads. Switch this off if you only want the animation to display on the visitor’s first visit to the page.

 

Deleting a PayPal button

To delete a PayPal button from your Wix website:

  1. Click on the button to select it.
  2. Press the Delete key on your keyboard to remove it from the page.

We hope you have enjoyed this tutorial on adding PayPal buttons to your Wix website!

Enjoy receiving your payments!

Leave a Comment