Landing Page Details

jQuery Plugin for BuyNow, Donate & Subscription PayPal Buttons

Whether you’re selling goods or collecting donations, with PayNow! plugin you can quickly add stylish PayPal payment buttons to your website for instant and secure payments. Plugin supports following types of payment buttons – “Buy Now”, “Donate” and “Subscribe” and provides six predefined button styles for your creativity

FEATURES

  • Buy Now, Donate and Subscribe button types
  • Six predefined button styles!
  • CSS3 animations
  • Optional tooltip
  • Works on mobiles and tablets
  • PayPal variables via “data-” attributes, or as JSON string
  • Callback to modify PayPal variables before checkout
  • API methods
  • Valid HTML5 markup
  • JSHint compliant code
  • Documentation & Examples

QUICK SETUP

CHANGELOG

# version 1.1 (Dec 04, 2014) - plugin code is now JSHint compliant - changed some button styles, added CSS3 animations - changed animation for tooltip # version 1.2 (Dec 11, 2014) - added new button style called "Boxed" - added option "clickTarget" to select element within button that should trigger submit instead of whole button - added option "twoClicks" to submit button with two clicks. This for example can be useful for touch screens to add animation after first click # version 1.3 (Dec 17, 2014) - fixed problem with tooltip not appearing on touch devices - added CSS styles to disable button selection

CUSTOMER REVIEWS


CUSTOMIZATION & REMOTE WORK

I’m available also for remote work! So if you need to modify the plugin (add extra features or change existing) feel free to contact me via the comments or via my website’s Contact Form. Also I can help to install my plugin or customize it to match your website design.

  • 4pi

    2015-08-16 17:17:47
    Purchased Reply

    Hi! I'm trying to do some form validation prior to sending the customer to PayPal, but once the validation check is fine the button does not work (nothing happens), any suggestions as to how to get it working? Where would you recommend doing the validation if not in the beforeSubmit?

    			
    var paypalbutton = $('#paypaldeposit');
    paypalbutton.paynow({
     type: 'buynow',
     style: 'double',
     beforeSubmit: function(){
      bookingform = $("#booking-form");
       if( ! bookingform.valid() ){
        return false;
       }
       if( $('#idtermsconditions').val() == 'NOTAGREED'  ){
         alert("Please agree to our terms & conditions first! Thank you!");
        return false;
       }
     }
    
    Thanks in advance!

  • flGravity

    2015-08-18 02:16:23
    Purchased Reply

    Hi! Value returned by beforeSubmit() callback doesn't change button action. To do what you want you should use plugin API. Here is how

    // get PayNow! API object  
    var api = $('#pn1').data('paynow-api');  
    api.enable(); 
    // or
    api.disable();
    

  • dmota75

    2015-11-18 12:21:45
    Purchased Reply

    Hello my friend. My name is David Mota and am Brazilian and I found your module for payment and saw that it carries the Paypal account and how not find anything on the internet I decided to purchase this module. I bought this module payment because I have a Paypal account in Brazil. I wonder if you can help me. I have a website in Bootstrap and would like to integrate this module on my website. What can you do for me? The button that I created looked like this:

    I just need a guide to adjust my button to your method. Thank you!

  • flGravity

    2015-11-18 20:49:21
    Purchased Reply

    Thanks for contacting me. I see you have configured your button in Paypal.com account (hosted_button_id=), so I can't see what settings it has. Please check my plugin demo - http://plugins.gravitysign.com/paynow/ and just take first example as a guide. Also please read plugin documentation. It explains what parameters you should set to get started. If you won't be able to do this please contact me again!

  • bodemesh

    2018-02-16 10:37:11
    Purchased Reply

    Hello, We've just bought your checkout button for our product website. We thought we could include optional shipping rates to different countries. Please can help adjust script to Select "required" country options for different shipping costs. We can switch the size option to country options. Thanks.

  • flGravity

    2018-02-19 19:41:05
    Purchased Reply

    Hello! Please see my reply in another comment.

  • Xemrind

    2014-11-18 15:40:43
    Purchased Reply

    Nice work, GLWS! :)

  • flGravity

    2014-11-19 06:33:43
    Purchased Reply

    Thanks!:)

  • leochavez

    2015-06-14 12:37:33
    Purchased Reply

    Hello, How can Add TAX (5%) ??? my code is :

  • leochavez

    2015-06-14 18:53:17
    Purchased Reply

    ok i test with data-tax anda data-tax_rate and paypal show a value, but is not correct for me. I need make this: example data-amount=”124” data-shipping=”22” data-quantity=”1”, total here is: 124 +22 = $146 , but i nedd add tax, : $146 x 0.05 = $7.3, real total is $146+ $7.3 = $153.3

  • leochavez

    2015-06-14 19:29:45
    Purchased Reply

    I test with "tax_cart" and "data-tax_cart" but not work, this not show anything

  • flGravity

    2015-06-14 19:50:23
    Purchased Reply

    My plugin accepts paypal variables in form of data-{variable}= attributes, where {variable} is PayPal Variable that you can find here - https://developer.paypal.com/docs/classic/paypal-payments-standard/integration-guide/Appx_websitestandard_htmlvariables/#id08A6HF080O3 Regrading tax I see only two - "tax" and "tax_rate", second one is a percentage and applies to whole transaction.

  • leochavez

    2015-06-15 03:28:43
    Purchased Reply

    tax_rate doesn´t work for me

  • leochavez

    2015-06-15 04:37:21
    Purchased Reply

    or how can i do this : subtotal = total + shipping , now total = subtotal * 0.05 , i have subtotal ok, how can i do total ?

  • flGravity

    2015-06-15 19:54:07
    Purchased Reply

    If you can't set this via tax_rate attribute, then better contact Paypal support, maybe they will help you configure your Profile based taxes.

  • dklauk

    2015-02-20 07:07:37
    Purchased Reply

    I have implemented your subscription button. Do you have a code example of monthly donations at $10, $20 and $50 options? Also, an option to enter an amount per month? I have looked over your documentation and was not able to find my answers.

  • BrandonChance

    2015-04-22 04:39:41
    Purchased Reply

    I ran into a snag with the plugin, and can't figure it out :/ The Issue: When I click on the button, it doesn't do anything. On mouseover, the tooltip pops up so I know the Init code is working. My Code (these are all in the ): I tried CDN versions, and earlier versions of jQuery. What am I missing? *note* - no JavaScript errors are being thrown in my dev tool *note 2* - I'm using Bootstrap

  • BrandonChance

    2015-04-22 04:56:36
    Purchased Reply

    Further Observations: I just made a duplicate and hacked out every unnecessary Style and Script, and the outcome is the same.

  • BrandonChance

    2015-04-22 05:13:51
    Purchased Reply

    Nevermind! I added the "data-business="[email protected]" attribute directly to the button and now it works. INIT didn't handle that :/

  • flGravity

    2015-04-23 03:08:45
    Purchased Reply

    To pass paypal variables via init, you should add second argument to $.paynow(), like so

     $('#pn1').paynow({
     type: 'donate',  
     style: 'default',
     tooltip: 'Donate safely with PayPal!'
     }, {business: '[email protected]'}); 
    

  • BrandonChance

    2015-04-23 06:19:52
    Purchased Reply

    Ahh, gotcha. Thank you!

  • flGravity

    2015-04-23 19:37:15
    Purchased Reply

    No problem!

  • Creeksjeep

    2016-02-01 06:39:46
    Purchased Reply

    I am working on a mobile app with jquery. I installed the Paypal app and works great except. I only want the Donate feature on the Donate page. A Blue button shows on Homepage to. Code below: ReCreation USA

    ReCreation USA

    • RC ON TOUR

    • RC CAST

    • DONATE

    RC ON TOUR

    RC CAST

    KATIE CONNER, York, PA

    Katie studied voice with Joanne Kloss Abrom (RC 11 & 12) and actually sent an audition application early in the casting process. The application, though was lost and only a call from Joanne to Mr. Muller prompted the ‘discovery’ of Katie’s application in our server! Katie studied at The Sight and Sound Performing Arts Conservatory, was featured in Choir and Show Choir all 4 years of high school and even has training in Ballroom Dance! Katie will sing alto for RC 41 and serve as music coach!

    NICK MAROLF, Bloomsburg, PA

    Well, Nick is the twin brother of RC 40 cast member Jordan Marolf! And Nick worked with Mr. Muller in his high school production of “Grease.” He participated all 4 years in musical productions, enjoyed roles in Consistory and earned vocal scholarships at summer conservatory camps. Nick is taking time off from his studies at Lock Haven University, where he is studying physical education, to sing lead tenor for RC 41!

    T.J. MARTIN, Port Trevorton, PA

    TJ lives in Port Trevorton, so, well…ya’ know! He’s been aware of the group his whole life and became more intrigued when Mr. Muller assisted with his senior year musical, “The Music Man.” TJ worked at Hilsher’s Store (EVERY RC oldie will know Hilshers.) TJ has been a musician most his life participating in band since grade 5 and in the Honors Choir at Selinsgrove his Junior and Senior year. TJ will serve as the lighting tech for the secular show and lend his tenor voice to the sacred program.

    TARA WANDS, Milton, PA

    Tara is a recent graduate from Milton Area High School where she participated in four years of plays and musicals. Tara was featured in leading roles both her junior and senior year. She has participated in District and Regional choirs and was an active member of her school's concert choir and show choir as well her church choir; all lead by Russ Wynn, a personal friend of the Muller family. Away from the stage, she spent a lot of her free time volunteering at her church’s daycare throughout her senior year. Tara sings soprano for RC 41!

    AUSTIN KERETZMAN, Quarryville, PA

    Get this...Austin was a voice student of Jennifer Eshelman Shaffer (RC 3-6) performed with Randy Robbins (RC 32-36) and Adam Dienner (RC 31-33) AND heard about RC from Jenn Burkholder (RC 32 & 33) who worked with Austin’s father, a pastor! Whew! Austin is no stranger to the idea of mission and leadership as he has served as youth leader, drum major for the marching band and singer for his church’s praise team. Austin will sing baritone for RC 41!

    MADISON REED, Mifflinburg, PA

    Madison is a student of Ballet at Stiefel Steps in Lewisburg, PA. Ballerina Erin Stiefel, Madison’s teacher, is also Re-Creation’s ballet instructor. Madison has performed with her school’s Choir and Chamber Choir, received credit for college-level acting courses and been dancing since she was 4 years old. Madison will be singing soprano for RC 41 and serve as the group's dance captain.

    TIRUS TWYNE, Mt. Carmel, PA

    After performing and singing in high school, Tirus auditioned for Re-Creation at the behest of his choir teacher. Now in his 5th year traveling the nation and serving our veterans, Tirus leads the group as the Re-Creation road manager! He recently helped produce his first full-length gospel solo CD project Black / White which is available now. Tirus sings Bass for RC 41!

    CAITLIN BECKETT, Austintown, OH

    At the suggestion of her pastor, Matt Darrin (RC 16 and 19), his wife Janel (RC 19) and fellow praise band member Carolyn Baer (RC 39), Caitlin auditioned for Re-Creation in May and is thrilled to be singing alto with RC 41! She has completed two years of schooling at Youngstown State University toward a degree in music education.

    JON HEPLER, New Columbia, PA

    Jon is the latest in a long line of talented cast members to come from the Milton Area High School. The secret? Russ Wynn. A dynamic vocal teacher, personal friend of the Muller’s and part time RC vocal coach. Jon’s work at Milton has been exemplary in featured roles in his senior musical and with the school’s show choir. He also plays lead guitar and sings with a local rock band. Jon will sing tenor with RC 41!

  • flGravity

    2016-02-02 05:16:38
    Purchased Reply

    Hi! And what exactly does not work? The code that you provided looks like to be ok.

  • LynaB

    2016-02-01 10:33:47
    Purchased Reply

    Hello, sorry for asking again... I ve tried to use CDN, as i dont know how install jquery on site...I have pasted in HEAD: And then the button in content fillled with the info, but nothing is happening... The button is there just reacting on mouse... Please, could you provide a solution? Thanks!

  • flGravity

    2016-02-02 05:10:18
    Purchased Reply

    Hi! I have to look on that because if you have WP site then you don't need to link external jQuery. Also an order in which you add JS files and plugin init code is also important. If possible please provide me with your sitre URL and I will check it.

  • shri80

    2016-06-12 23:00:44
    Purchased Reply

    Hi I am willing to use this script, Will it allow paypal adaptive payment

  • flGravity

    2016-06-13 22:12:23
    Purchased Reply

    Hi! I think it's not possible.

  • giorgiorusso

    2018-01-07 22:14:50
    Purchased Reply

    HI, Need I to encrypt buttons in such a way?

  • flGravity

    2018-01-08 21:05:16
    Purchased Reply

    Hi! No, you don't need to encrypt anything.

  • pharill

    2017-11-06 17:16:50
    Purchased Reply

    if you figure out a way to include a Cart in this, where user can click multiple products, they go into cart without leaving the page, I would buy this instantly. Nice job though with the work you've already done. Basically re-creates better looking PayPal buy now buttons which is cool, but I think it would be a winner when you can make it where people who do not have API coding skills or Paypal Premier or Business account can still provide a nice experience for users who want to shop on their site, without a ton of yellow add to cart buttons and leaving the page, just to return to add another product. "THAT" would be awesomer ;)

  • flGravity

    2017-11-13 03:09:57
    Purchased Reply

    The PayNow! plugin can't have a card because it's for paypal buy now button (cmd=_xclick). But I understand your idea. Maybe I will do another paypal cart plugin some day that will have a lot more functionality as my "PayPal Shopping Cart" plugin that I already have. Thanks!

  • pharill

    2017-11-13 03:33:19
    Purchased Reply

    ok

  • bluecinamon

    2015-06-10 01:42:11
    Purchased Reply

    Hi I love this plugin. I've got it all set up and I just have one question. I have a button already created on my paypal acct that calculates a shipping charge when an order is placed. How can I have the plugin do the same? here's my paypal code.

  • bluecinamon

    2015-06-10 05:30:02
    Purchased Reply

    Hi fiGravity I think I've figured it out. I just used data-shipping="5.95" thx in advance

  • flGravity

    2015-06-11 20:30:31
    Purchased Reply

    OK. Great!

  • bodemesh

    2018-02-16 10:37:50
    Purchased Reply

    Hello, We've just bought your checkout button for our product website. We thought we could include optional shipping rates to different countries. Please can help adjust script to Select "required" country options for different shipping costs. We can switch the size option to country options. Thanks. 1262fbe6-861c-470d-97aa-788b823c97ce

  • flGravity

    2018-02-19 19:41:07
    Purchased Reply

    Hello, this can't be configured via plugin. I think this can be set up in your paypal account. You can contact paypal support and ask how this can be achieved.

  • BrandonChance

    2015-02-04 08:00:38
    Purchased Reply

    Hey, really glad I found your plugin! I'm interested in using this on a non-profit's website, but I have a 2 pre-purchase question: 1) This one seems like a given but I just want to clarify, as long as I set up the "data-item_name" variable correctly, my client will be notified where the donations should go? 2) Is there a way to setup reoccurring donations via your plugin? (edit: I didn't think of this before, but I'm guessing this is where subscribe comes in?) Thank you so much, looking forward to your response! Brandon

  • flGravity

    2015-02-06 04:04:37
    Purchased Reply

    Hi! 1. When client will click donate they will see "data-item_name" param as donation name during checkout. Also if you won't specify amount, client will have to enter how much they would like to donate on their own. Basically for donation button you should set a) your merchant paypal email (data-business) and b) donation name (data-item_name) 2. Reoccurring donations can be set up via subscription button type. I will be happy to explain how this can be done with example. If you have any other questions please let me know.

  • battlecrymusik

    2015-11-17 05:10:36
    Purchased Reply

    regarding this item i am interested in purchasing but as i am selling graphic designs i wonder if i can use this so people would automatically get to a form they can submit about what they would like in their designs

  • flGravity

    2015-11-18 20:42:25
    Purchased Reply

    Hi, If I don't get your question right, please correct me! Yes, you can configure Paynow! so that when someone completes payment they are redirected back to your site, to the form if you like. Parameter that you should add is called "data-return=URL", where URL is some page of your site. Also there are additional parameters that can help you track payments - notify_url, return, cancel_return Also my plugin allows to have a dropdown or radio buttons along with PayNow! button itself to let people do some selection and adjust price respectively.

  • ela_wassim

    2015-02-11 09:28:46
    Purchased Reply

    Hello, I liked your plugin when I looked the demo. Do you have any idea if it is possible to use the plugin with woocommerce ? Thanks, and looking forward to your response.

  • flGravity

    2015-02-12 05:36:33
    Purchased Reply

    Hello! Woocommerce provides paypal checkout functionality on its own, so you don't need any additional code. If however you are looking for something simple, then my PayPal Paynow! buttons is what you need. But I have some doubts whether it's a good idea to link woocommerce with my plugin.

  • karchdale

    2015-03-06 08:01:13
    Purchased Reply

    i am having trouble getting this integrated into a webpage. it works fine on a stand alone test page what can normally cause the button to not show?

  • flGravity

    2015-03-07 00:24:08
    Purchased Reply

    Hello! Make sure you linked all necessary JS/CSS files and you haven't forgot to init plugin. Or you can give me link and I will check myself.

  • karchdale

    2015-03-07 17:19:14
    Purchased Reply

    i shot you an email. i am still having issues getting the buttons to show up correctly. Can i just use the code and not the themed buttons?

  • karchdale

    2015-03-07 17:23:01
    Purchased Reply

    also when removing your CSS / JS the button shows up as a normal command button with no styles. so i am thinking its something to do with the jquery

  • karchdale

    2015-03-07 17:54:38
    Purchased Reply

    what all do i need to run the json verison?

  • flGravity

    2015-03-08 05:04:39
    Purchased Reply

    Hello! I have replied you via email

  • carlosap

    2015-06-11 10:43:39
    Purchased Reply

    I just bought the plug and works fine (per documentation) in IE, but in Chrone the button does nothing. I tried debugging the "console" and see if any issues but not response at all. without any changes, i try it in IE and works fine. Please advise so i can rate this plug.

  • carlosap

    2015-06-11 11:46:46
    Purchased Reply

    I figure out the issue. Tracing the IE and Chrome, for some reason the Chrome is set to "touchend" listerner instead of "click" I hacked the javascript file and just set it to "click". if you have a better solution or a fix please keep everyone in the loop. IE- sees 'click' Chrome - sees 'touchend' so if you are using mouse the click never triggers. // check click event for device var click_event = 'click' // (typeof window.ontouchend !== 'undefined') ? 'touchend' : 'click'; console.log(click_event);

  • flGravity

    2015-06-11 20:29:44
    Purchased Reply

    Hi! Do you mean button didn't work on Chrome mobile?

  • MonsterDreamStudio

    2015-01-07 20:43:53
    Purchased Reply

    Hi, I have a newbie question. It's safe to hold for example data-amount="10" in javascript ? Anybody can't change it in Chrome Developer Tool ? I tought it should be only in PHP for security reasons ? If I'm wrong, I would consider with pleasure to buy your script after deeply analyse my needs and your plugin.

  • flGravity

    2015-01-09 02:11:34
    Purchased Reply

    Hello! Theoretically that's true. However paypal.com itself in their Buy Now button creation tool ( https://www.paypal.com/ua/cgi-bin/webscr?cmd=_singleitem-intro-outside ) generates a form with the element that looks like so

    
    
    and is also prone to modifications. If this is your concern you can use second argument in plugin init to pass amount to specific button
    $.paynow({…}, {amount: 20});
    
    instead of doing this via data-, but I think this is not necessary.