Paypal Examples

Basic Payment Form

Waiting for PayPal...
Validating payment information...
Waiting for PayPal...
The basic form as it arrives with the plugin.
Shortcode: [qpp]

Form with an image

You can put an image top or bottom of the form

Waiting for PayPal...
Validating payment information...
Waiting for PayPal...
On the Form Settings page you can select an image from your media library and put it at the top or the bottom of the form.

Coupon Test

Payment for: A large thing

Amount: ¥200

Test using the coupon code 'charles' to get a 10% discount

Waiting for PayPal...
Validating payment information...
Waiting for PayPal...
On the form settings the coupons codes option was selected and labels edited. There is a link to a page to set the coupon codes.
ID and amount were set using shortcode:
[qpp id="A large thing" amount="¥100"]

Form with a background image

Waiting for PayPal...
Validating payment information...
Waiting for PayPal...
Background images are set on the Styling page.

Fixed Payment Form

Price per Item:

Quantity

2% Post and Packing

€10 Processing Charge

Total: €

  I agree to the Terms and Conditions

Waiting for PayPal...
Validating payment information...
Waiting for PayPal...
The amounts were set using a shortcode:
[qpp amount="€40,€50,€60"].
The quantity, p&p (shipping), processing (handling) and T&C are all options on the form settings page.

Form with selections

Chose which one you want

Quantity

Plus £5 Processing

Plus 10% Postage

Total: £

Waiting for PayPal...
Validating payment information...
Waiting for PayPal...
On the Form Settings page the reference is ‘red;$1,blue;$2,green;$3’ and the ‘pre-set reference’ is selected. Note the use of semicolons and commas, this removes the need for amounts. It also has shipping and handling added and the totals field.
To do this with a shortcode: [qpp id='red;$1,blue;$2,green;$3' labels='off']

Submit button image and Dropdown

Payment for: This

Amount:

Waiting for PayPal...
Validating payment information...
Waiting for PayPal...
On the Form Settings separate the amounts with commas (100,200,300), check the ‘Pre-set amounts’ box and select the ‘dropdown’ option.
Change the submit button on the Styling page.

Buy this thing and agree to the T&C

Payment for: Green Widget

$49.99

  I agree to the Terms and Conditions

Waiting for PayPal...
Validating payment information...
Waiting for PayPal...
Form with shortcodes for ID and Amount, T&C set on the Form Settings, width is set on the Styling page

Payment for: Magazine Subscription for 24 months

Amount: £2.99 / month

Waiting for PayPal...
Validating payment information...
Waiting for PayPal...
Form for recurring payments.

  1. Andy said:

    Great plugin!!! Thank you! Looks great – works great!

    • Graham said:

      Thanks Andy

  2. Malc said:

    Hi Graham. Your plugins look very good 🙂

    With the PayPal one, can you create a form for Product A and a form for Product B (Or have both on a dropdown on the same form) and then when the payment shows in PayPal have the reference appear on the PayPal statement – ie Product A £25 and Product B £15 or whatever?

    So, I’m asking if you can see from the PP statement what a particular payment was for?

    My tennis club sells Membership Fees, Tournament Fees and Court Booking Fees. If these are collected using your forms, could we see what payment was for what in PP?

    Many thanks.

    Malc

    • Graham said:

      Malc,
      This is something I’ve considering for a while. Adding multiple products isn’t that complicated. What complicates matters is integrating with all the other settings and options. Every time I look at the code my heart sort of sinks as there are hundreds of functions and filters that need to be tweaked. So while I could set up multiple products it would be 10-20 hours work and I don’t really have the free time. A contribution towards the development costs would help a lot.

    • Malc said:

      Hi Graham.

      So this could only be done by adding separate products, not just having a simple reference for any product (or, indeed, “no product”)?

      I can see how that would complicate things for coding.

      Surely this is a common requirement? And do you think PP may be on the brink of introducing what would be a popular feature??

      (OK – it’s a long shot 😐 )

      Malc

    • Graham said:

      Multiple products is easy – paypal already has the code for this and I’ve built a number of bespoke plugins for people who want this. The problem with adding it to my plugin is managing quantities, totals, coupons, email messages, payment logs, IPN and the already complicated ways you can set up references and amounts. But if you want something really simple I you can have this one. I’ll even tweak it to suit your needs: http://testblog.co.uk/quick-order-form/

    • Malc said:

      Thanks Graham. Once I’ve finished dragging my tennis club into the 21st century – by getting them to take cards at all (nearly there) I’ll have a better idea of what we’ll need, and now I know you can do that, I’ll come back 🙂

      But my main learning, I think, is that there is no way for a person unskilled in coding (such as me) to add a simple reference to any item, via a form, such that the reference is carried over to a PP report. Have I got that right?

      Sorry to take more of your time up, but once I’ve got this I think I’m there. And thanks for you generous and timely replies!

      Malc

  3. Haig said:

    Dear Graham,
    Haig again ;-).

    I fear I have a bug of some sort.
    Indeed your solution doesn’t seem to work for me AND another glitch seems to be present.
    Replacing the caption from ‘Other’ to ‘Autre’ completely stops the dropdown from having effect !
    Should you wish me to give you a link to the relevant page or even have access to the Admin page of my website, I would happily oblige. But maybe in private ? 😉
    Thanks for supporting newbies!

  4. Haig said:

    Hi,
    I am trying to make a Payment form similar to the ‘Submit button image and Dropdown’ example you have.
    BUT, I would like the ‘This Amount:’ NOT to appear.
    Is there any way to do this?
    (Forgive me if this a newbie question).
    Thank you ever so much for your plugin and your help.

    • Graham said:

      Hi Haig,
      Go to the form settings page and scroll down. Below the form fields there are the label options. Just remove the label text and update.

      Noob questions are fine. Glad you like the plugin.

  5. Elizabeth said:

    Hi. This plugin seems to work great. Only thing I can’t figure out is the padding. I have the box checked for Custom CSS and even copied over all the code just to be sure it wasn’t a typo issue. But in Firebug, it keeps overriding the custom code and reverting back to 0 padding. I worked really hard to style my site and w/o being able to get the CSS code correct, it just looks bad. My radio boxed and “Enter your details below” are all crammed together. Maybe b/c it’s 2 a.m. and things will look different in the morning. Thanks for any helpinsight.

    • Graham said:

      Elizabeth,
      The problem seems to be the Enfold theme. It’s own styles are overriding those for the plugin. What you can try is using !important on your custom styles. Or if you can set me up with a login to the site I will see if I can sort it for you.

    • Elizabeth said:

      Thanks Graham! The !important did the trick. If you would like me to make you a logo or anything else as a thank-you for this nifty plugin, just let me know. 🙂

  6. Mike McGee said:

    Hello,

    First, I need to say that your plugin is fantastic. I really appreciate you and your work on this!

    I just had one question that may be simple (I hope). If there a way to configure in the custom CSS to have only the button itself displayed?

    For example, I have only one item I sell. Thus, the current form shows a radio button fixed for this selection. I need the item included, because that way it will show up on the paypal page so that people know what they are ordering. However, I don’t need it on my actual purchase page since I have the description/formatting already setup. I would just like to use the button to be shown only.

    Is this possible?

    Thank you again for the wonderful plugin.

    Cheers,

    Mike

    • Graham said:

      Mike,
      Hiding the fields is possible but complicated as there are a bazillion variations on what is displayed. You can try adding a .qpp-style #reference{display:none;} to your CSS and see if this works.

  7. Antonio Escobar said:

    Hi

    Thanks you very much for your pluging I am using a lot!

    One question. There is any way to hide the pre-set Amount?

    Thanks in advance

  8. diane said:

    Hi,

    I’m a bit confused on the recurring payments. I want them to pay $197 per month for an indefinite amount of time. Not sure what I should select? Thanks.

    • Graham said:

      Hi Diane,
      PayPal restricts how long a recurring payment can last. You can’t run it indefinitely. That’s why there are the options on the form settings.

    • diane said:

      ok, so how would I select it for $197 per month for three years? Is it 1 payment for 3 years? or 12 payments for 3 years or what? I’m not quite sure. Thanks.

  9. Brian said:

    I like this, it’s really very good.
    One quick question …. I’m looking at using this on a club website to collect donations to charity. I’ve set the initial value at “7” but the slider always defaults to 8 on loading :-O
    Any clues?

    • Graham said:

      Nope, no idea at all. I’ve just set up a form with the same parameters and it working with the correct initial value: http://testblog.co.uk/paypal/

    • brian said:

      How wierd. I’ve tried it in Chrome, Firefox, Edge and Opera with exactly the same effect.
      However if I view it on my Android phone (chrome) it displays correctly as 7!

    • Brian said:

      Ok this either makes it weirder or you’ll know the answer.
      I went into ‘styling’ and changed the slider thickness from 2em (default) to 1.5em
      Hey presto – it’s now showing 7 !!

    • Graham said:

      How does that work? The styling has got nothing at all to do with the slider settings. But I’ll pretend I know what it was and say: ‘it’s because the flange_wrangler function has a quantum tunnelling effect at 2em’.

  10. Marcie said:

    Hello,

    None of the custom styling options I set up are working…. Could you take a look please?? http://kathypetersen.com/silver-membership-payment/ The two payment boxes are just as the original.

    • Graham said:

      I’m getting a ‘page not found’ on that URL. Are you using a caching plugin? If so deactivate it and try again. And then delete the caching plugin, they are mostly useless

  11. Marcie said:

    Hello – is there a way to allow the option of either paying in full for an item or setting up recurring payments on one form??

    • Graham said:

      Hi Marcie,
      Not really. It is possible to do but would mean a lot of recoding. Would you like me to do some investigation?

  12. Mari said:

    Hi, thank you for all your work! I’m trying to use this plugin for donations, but is it possible to give amount options ($25, $50, $100, etc) as well as include an option for “other amount” where someone can put in a custom amount? With the options on the form settings, it seems like I can only do one or the other (pre-set amount or custom amount). Thanks!

    • Mari said:

      Oops, I apologize. I just saw that someone else already asked this question. Sorry about that!

  13. Shiba said:

    Hi,
    I’m just a learner in paypal integration process. Is there any option in your plugin where i can check in the returning url that the user completed the payment or not with a token?
    Thanks in advance.
    Shiba

    • Graham said:

      Hi Shiba,
      Yes there is. If you have a premier or business PayPal account you can use the IPN option. This will tell you if the payment has been made. More info on IPN here

    • Shiba said:

      Hi Graham,

      Actually I didn’t find “the long number in the last column from the payment you have just made” in the payment dashboard.

      Regards
      Shiba

    • Graham said:

      Have you followed the instructions exactly? If you are doing a simulation you have to enable IPN, the sandbox and make a test payment.

    • Shiba said:

      Thanks! I’ve found that option and it was fine in backend. Is there any option where I can show message on front end after payment completed? any short code or custom code?

      Shiba

    • Graham said:

      Just set up a thank-you page and save the URL in the ‘Send Options’. After payment is complete, paypal will redirect to this thank-you page.

  14. Antonio Escobar said:

    Hello.

    Thanks for your plugin and work. It is very useful.
    I have two questions that maybe you can help me:

    1.- I have in my payment for: the products, the email and contact details (name, country, city, phone…) but I only can see in the WP background-> Payment section, the email and the product when my costumers buy. How can I see the other details?

    2.- I am trying to set goals in my analytic for conversions. I set my web-page with the payment form and then if the next page is paypal.com, it would be a conversion. (it is how I can see after clicking submit.) But it does not work. My question is. Do you know if there is another step between the webpage payment form – paypal.com that google analytics or I do not recognize/notice?

    Thanks you very much in advance. I really appreciate your effort and work.
    This has been very useful for me, after trying some other plugins.

    Regards from Spain

    Antonio Escobar

    • Graham said:

      Hi Antonio,
      1. Check the box that says ‘Show Addresses’ then click ‘Update Options’.
      2. The plugin validates the process the form and goes straight to PayPal, you stay on the same page the whole time which maybe why Google isn’t picking this up. What google will do is record people returning to the site after making the payment.

    • Antonio Escobar said:

      Hello Graham.
      Thanks you very much for your quick response.
      Point 1, I saw it, sorry, I did not notice before ask.
      Point 2, Researching…. If I set a goal as the same landing page than where the booking form is, I will have wrong conversion for any visitant without booking, instead, I ve thought to use Google Analytic Event Tracking Code to track every click in submission button.
      I am about to resolve it but I got an error. Maybe you can help me, I would really appreciate it.

      I found in quick-paypal-payments/quick-paypal-payments.php the submit button.

      I would like to add this Event (onClick) to this input:
      onClick=”ga(‘send’, ‘event’, { eventCategory: ‘Book Submit’, eventAction: ‘Reservation’, eventLabel: ‘Booking Yoga Weekend’});”

      It would be something like this if I am not wrong:

      To track every onClick in the submit as a conversion in Google Analytics.

      The thing is when I try to update this file (quick-paypal-payments.php) with the line above I got an error and I am not able to update it

      Do you know if there is another way to add this Event to the submit button? maybe from the function.php.

      Thanks again, I really appreciate your help and effort

      Regards from Andalucia, Spain

      Antonio Escobar

    • Graham said:

      I can add a new setting for you to add the onClick event code. give me a few hours and I’ll send you an update.

What do you think?



Checkout the awesome new OnePage Theme. Designed for tablets and phones but perfect on a desktop

Checking...

Ouch! There was a server error.
Retry »

Sending message...

Ask a question

Spambot blocker question

1 + 2 =

Web Analytics Web Analytics