Custom Recurring amounts

One5Ministries
Contributor
Contributor

Is it possible to set up a subscribe button that allows for the person to enter in the amount they wish?  We are a small charity that has a few people who have asked for a recurring donation option.  One person has even asked to be able to donate an amount outside of a typical donation.

 

For example:

 

"Option 1 - $50"

"Option 2 - $100"

"Option 3 - Custom Amount"

Login to Me Too
11 REPLIES 11

MTS_Nacho
Moderator
Moderator

You will need to create a non-hosted, non-encrypted subscription button, so that you can edit the HTML code later.

 

For that, make sure to uncheck the "Save button at PayPal" when creating the button (Step 2: Track inventory, profit & loss). Introduce any amount for the moment.

 

Once you click on Create Button, click on "Remove code protection" to display all button variables. You will have something similar to this:

 

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_xclick-subscriptions">
<input type="hidden" name="business" value="XXXXXXXX">
<input type="hidden" name="item_name" value="test">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="no_shipping" value="2">
<input type="hidden" name="src" value="1">
<input type="hidden" name="a3" value="10.00">
<input type="hidden" name="p3" value="1">
<input type="hidden" name="t3" value="M">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="bn" value="PP-SubscriptionsBF:btn_subscribeCC_LG.gif:NonHosted">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_subscribeCC_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>

The "a3" variable is the one that indicates the amount to be taken, so you could make such variable a text field so that customers can introduce their own amount, for example:

<input type="text" name="a3" value="">


Or you could convert it to a drop down menu with pre-selected amounts:

<select name="a3">
     <option value="5">$5</option>
     <option value="10">$10</option>
     <option value="50">$50</option>
</select>



Login to Me Too

One5Ministries
Contributor
Contributor

Thank you, so much.  I guess that I then copy and paste all of the unprotected code into a document to edit it.  Then apply it to the website.

 

Is it possible to edit the drop down menu that you provided so that it gives options as well as a custom amount for people?

Login to Me Too

One5Ministries
Contributor
Contributor

One more question for clarification:  I change the line that reads:

 

<input type="hidden" name="a3" value=“10.00">  so that it reads:

 

<input type="text" name="a3" value=“ "> ?

 

Could my custom dropdown look like this?:

 

<select name="a3">
     <option value="5">$5</option>
     <option value="10">$10</option>
     <option value="50">$50</option>
<option value="text">Your Choice</option> </select>
Login to Me Too

MTS_Nacho
Moderator
Moderator

If you want to combine an input text field with a dropdown one, I believe it's not possible to do it without Javascript.

 

Some suggested solutions here:

 

http://stackoverflow.com/questions/1962041/jquery-dynamically-update-other-option-in-select

 

Login to Me Too

One5Ministries
Contributor
Contributor

Thanks again.  I think that programming is beyond me at the moment.  I will just keep it simple.

 

I do suppose that I could change the button image to be that of "Donate" as opposed to "Subscribe" as we don't really have a subscription and people are donating to our charity.  I guess I would change the line that reads:

 

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_subscribeCC_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>

 

to read:

 

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_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>

 

 

Is that right?

Login to Me Too

MTS_Ciaran
Moderator
Moderator

yea you could do that. Users will know they are setting up a subscription by the PayPal landing page anyway, so should be good. 

Login to Me Too

One5Ministries
Contributor
Contributor

I'm sorry to be a pain.  Just when I think I have all the answers I need, I find another issue to ask about.  I put in the button and ran a test to see if the link works.  The only thing that happens is a blank page opens up with "about:blank" in the browser.  What am I doing wrong?

 

I found this link, which actually allows me to do what I would like: https://www.paypal.com/webapps/mpp/get-started/create-recurring-donation-button

 

I would like to add a text box that allows people to put the designation for their donation (which I think I know how to do).  I just don't know why I am not able to "test drive" the button.  It isn't making sense.

Login to Me Too

MTS_Ciaran
Moderator
Moderator

Can you post the full button code, or send us a link to where we can test it live?

Login to Me Too

One5Ministries
Contributor
Contributor

So, apparently, you cannot put the code for websites on a Wordpress website.

 

Thank you all for your help.  I was able to find out why I wasn't able to have the button work here:

 

https://en.support.wordpress.com/paypal/get-paypal-button-code/

 

hopefully, someone else reads this so that they don't have the headache (all be it minor) I had with the button.

Login to Me Too

Haven't Found your Answer?

It happens. Hit the "Login to Ask the community" button to create a question for the PayPal community.