Pin Me

Add a Customized PayPal Button to Your Drupal Site

written by: Amanda Presley•edited by: Michele McDonough•updated: 7/5/2011

If you are looking to create your own PayPal Donation Button for Drupal, read the tutorial below. This tutorial will show you how to upload your own button.

  • slide 1 of 1

    With Drupal, you can create and add your very own custom Paypal buttons. You can create the button using your choice of graphic program. If you would like, you can use one of the buttons below. If you do not wish to use one of the buttons below, please go ahead and create the button that you want to use. Then I will show you how to add the button to the code and add it to your Drupal site.How to Create and Add a PayPal Donation Button to b2evolution Part 3 - button3 

    How to Create and Add a PayPal Donation Button to b2evolution Part 3 - button2 If you want to use one of the buttons above, click the button to open the full view. Then right click on the button and click Save As. Save the button to your computer. If you want to use your own button, go ahead and create it. You will need to upload the button to your site. You can upload it by going through the C-Panel or using a file manager like WS-FTP. Just upload the graphic straight to the site.

    Login to your PayPal account and go to the Merchant Services page. Click the Create Donate button. On the next page you will need to fill in the fields like you did in part one of this tutorial. When you get to the Customizing section of the page, you will need to change the option.

    Adding Your Own Button

    In the customizing section of the page, you will see where it says Customize Appearance. Click that link to expand it. Then tick the Use Your Own Image field. Below the text a box will appear. You will need to enter the url of the button that you uploaded, in this field. To get the url, you can go to where the button was uploaded too, right click on the button and choose properties from the menu. When the little box opens, copy the link location at the top of the box. Paste that url in the url field on PayPal.

    Continue creating your button the way you did in Part One of this tutorial. Once you have finished filling the fields, click the Create Button button and copy the code. You will need to create a new block to use for your button, if this is the first time to are adding a button.

    If you added the first button that we created, all you will need to do is edit the block. Go to the block page and click the Configure link beside the block that you created. On the next page, you will see the code that you entered from the PayPal site. Delete that code from the body text. Copy your new code with your own button and paste the new code in the body. Then save the changes and your new button will appear where the old button was.