PayPal Support

You can update your branch sites to have a PayPal checkout button, which allows you to accept donations for your branch through your website, or to charge a registration fee for an event.

Site Resources websites require a bit of code editing before the button can be inserted on your site.  This step by step guide will walk you through the process so that you can get started accepting payments through your site!

PayPal’s Code

When you acquire the PayPal code from your branch’s PayPal account, it should look like this:

<form action=”https://www.paypal.com/cgi-bin/webscr” method=”post” target=”_top”>
<input type=”hidden” name=”cmd” value=”_s-xclick”>
<input type=”hidden” name=”hosted_button_id” value=”HRWFEJ9YVUTCY“>
<input type=”image” src=”https://www.paypalobjects.com/en_US/i/btn/btn_paynowCC_LG.gif” border=”0″ name=”submit” alt=”PayPal – The safer, easier way to pay online!”>
<img alt=”” border=”0″ src=”https://www.paypalobjects.com/en_US/i/scr/pixel.gif” width=”1″ height=”1″>
</form>

I have changed the text color of the important part of the code, which you will insert into the new shortened code that actually works on our websites. This is your branch’s merchant id, or how PayPal designates the money should go to you.

The New Shortened Code

Replace the highlighted text below with your branch’s id (the highlighted string of letters/numbers above). This is the code that will actually be inserted on your website:

<a href=”https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id= HRWFEJ9YVUTCY” target=”_blank”><img class=”aligncenter” src=”https://www.paypalobjects.com/en_US/i/btn/btn_paynowCC_LG.gif” alt=”” /></a>

Adding the Button to your Site

Copy the entire new code with your branch’s merchant id inserted. On your branch’s website, navigate to the page where the button should be hosted. From there:

  1. Edit the page
  2. Click on the “Text” tab at the top right hand corner of the text entry box.  You should see the Visual tab (which allows you to see visually what your page will look like) and the Text tab (which shows you the actual HTML code behind what your page will look like).
  3. Find the location in the page where the button should be placed.  You may see sets of tags – directions for the page to follow when showing your information – contained in < >.  Make sure you’re entering  your new HTML outside a closed tag.  In other words, make sure you’re not pasting the code inside a set of brackets containing an HTML tag.
  4. Paste the HTML code into the page.
  5. Update the page and view it to make sure everything looks right.
  6. Click on the button you just created to make sure it’s working correctly. You can close the tab or window that opens without paying.

Example

From the “Text” tab.

<h3>Come to our branch meeting!</h3>
The meeting will take place in this location</br>
There will be a meal charge of (insert amount here)</br></br>
Please RSVP by (insert date here) to (insert e-mail address here)</br>
Click the PayPal link below to pay for your meal.</br>

<a href=”https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id= HRWFEJ9YVUTCY” target=”_blank”><img class=”aligncenter” src=”https://www.paypalobjects.com/en_US/i/btn/btn_paynowCC_LG.gif” alt=”” /></a>

Will produce this:

Come to our branch meeting!

The meeting will take place in this location
There will be a meal charge of (insert amount here)
Please RSVP by (insert date here) to (insert e-mail address here)
Click the PayPal link below to pay for your meal.


If you need help, contact the Site Resources team.