Code Monkey home page Code Monkey logo

Comments (4)

turbo124 avatar turbo124 commented on May 23, 2024

There are dedicated payment links which skip the double payment pages

If you use the variable $payment_button this link will skip the Payment Method selector.

The reason we have the double step is for when the client needs to choose which payment method they wish to use.

There are also a variety of other cases that need to be handled:

  1. Signatures
  2. Terms
  3. Minimum / Maximum payment amounts
  4. Gateway fee calculations

I do agree that having the least amount of friction getting the client to the payment form is the best experience. So we do have that direct option. However if your requirements are more complex, this is where the double page becomes necessary.

from invoiceninja.

mrkylegp avatar mrkylegp commented on May 23, 2024

@turbo124 in my case I want to have the payment selector "Pay now" button be the first and only button presented, with a preview of the invoice. Basically the button that is on the second page with the drop down for payment selection, have that on the first page with the dollar amount summary at the top and an invoice preview below that. It can all fit and work on one page in my opinion. I might try to do a mock up later of my interpretation of how it might work. I'll see how the "$payment_button" variable works tomorrow.

Another idea would be to have the pay now button with drop down for payment selection, and once selected, proceed to the second page with the dollar amount summary then have the button be a "Continue" button. The whole "pay now" appearing twice is a complaint I've had from more than a dozen clients now.

from invoiceninja.

turbo124 avatar turbo124 commented on May 23, 2024
Screencast.from.28-04-24.09.31.24.webm

I think the pay now link has the least amount of friction. I do agree thou that having some different options for the payment flow would be nice.

from invoiceninja.

mrkylegp avatar mrkylegp commented on May 23, 2024

@turbo124 Just tried the $payment_button and unfortunately this will not work for me as it defaults to credit card. I specifically need the client to see all the options available to them in that drop down (or some alternative), particularly the PayID/Bank transfer instructions available as a payment method as this is what most clients decide to use.

If the payment button proceeded to the page shown here, this would be ideal as the client would be instantly be shown the amount and a single instance of the Pay now button with drop down options:
image

from invoiceninja.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.