New API: compatibility with legacy API donation buttons

[erommel]

Several users asked for some solution to make their old donation buttons work as before when new Stripe API is used. In new API, amount input is located on payment popup button. So in order to enter donation amount, you first need to click donation button and then enter the amount. Old API had amount input displayed on the page instead of payment popup.

Switching to new API also breaks functionality of following donation buttons (example from customer's website):

What can be done in this situation from our side: a new option can be added to product edit page, a checkbox "Show Amount Input on page" or something like that. When this option is enabled and product is donation product, plugin should display amount input on page. When the input is filled and "donate" button is clicked, it should display payment popup with prefilled amount.

Adding this option would allow users to choose whether they want amount input on page or on payment popup. This should also preserve functionality of similar self-made donation widgets (like the one on the screenshot).

[Arsenal21]

sounds good. How are they making that side by side donation amount thingy at the moment?

[erommel]

Using old API, it's quite simple. They just add those buttons and add onClick event listener on those. When clicked, it puts corresponding amount into the input provided by Stripe Payments. Stripe Payments handles the rest when payment button is clicked.

So we should do similar thing for new API to keep those custom-made widgets working.