Inserting PayPal buttons

There are various buttons available from PayPal such as shopping cart, donation and buy now that you could add on your Wild Apricot web pages.
The actual process of adding any of this buttons to your Wild Apricot web page is slightly different from what PayPal describe.
Paypal instructions say: "Pasting this code into your website would generate a button that looks like this:",
but this will not work with Wild Apricot web pages due to the restrictions with HTML <form> tags.
Instead, the code that is provided by Paypal has to be placed in a separate file (.html file) and then this file would have to be uploaded via WebDAV to your Wild Apricot account. Next, you would edit your Wild Apricot page where you would like this button to appear and make a reference to the uploaded file.

Here is detailed example - we will use button:

1. Create (.html) file that will contain Paypal code

Create new file, e.g. 'buy.html', with .htm (or .html) file extension (you can use Notepad and then rename .txt extension to .htm), and copy-paste the following code into your file:

<html>
  <head>
    <title></title>
  </head>
  <!-- note body.style -->
  <body style="padding:0;margin:0">

      <!-- your code goes here... -->

  </body>
</html>

Copy you Paypal code in place of <!~~- your code goes here... -~~>
Your Paypal code (usually emailed to you by Paypal) should look similar to the following example:

Paypal code contains <form> attributes that must be set with target="_top". Add it to the file as in the following example:

Upload the file into your WebDAV folder. (Suggestion: Create new folder in the root to place such "button" files in). See: Working with WebDAV

Place Paypal button on the page

Now, go to your Wild Apricot account and open the page where you need to add a Paypal button and enter into Edit mode. See: Editing web pages

Open HTML editor, find the place where would you like to put your button and insert the following code.
```
<iframe
  src="http://<your site url>/resources/<path to the uploaded file>"
  frameborder="0"
  height="<button image height>"
  width="<button image width>"
  scrolling="no">
</iframe>
```
where
<your site url> is your site url (i.e. petfunclub.memberlodge.org). Please note that /resources/ has to be added.
<path to the uploaded file> is the relative to WebDAV root path to the file. If you uploaded file into root for the WebDAV, it is just a file name, otherwise it is something like button/buy.html
<button image height> and <button image width> - height and width of your paypal button (e.g. 47 and 122).

So for our example below the iframe code would now look like:
```
<iframe
  src="http://petfunclub.memberlodge.org/resources/button/buy.html"
  frameborder="0"
  height="47"
  width="122"
  scrolling="no">
</iframe>
```

Your website would look similar to this:

Add Labels
Enter labels to add to this page: Looking for a label? Just start typing.

Inserting PayPal buttons

1. Create (.html) file that will contain Paypal code

Place Paypal button on the page

Labels