Front end design

[marcusig]

@New0 This is at the moment only a suggestion.

I'm not sure that the current design of the modal will fit most users, as it relies strongly on a "primary" colour, which might not be fitting for everyone.

I would suggest something more in the lines of Stripe's example: https://stripe-payments-demo.appspot.com/ (it's not a modal, but the form styles are clean and could fit most purposes).

A lower amount of styling could also be an option, as most themes come with styles for form elements.

Allowing to inline the form directly could also be a nice option (no button trigger).

I'm happy to work on some of the parts if you agree.

[New0]

Thanks for the suggestion @marcusig , I totally agree for the design part but I'm more skeptical about the inline form. It is a feature a few users have asked for but the main purpose of Direct Stripe is to fit in a missing simple button to process Stripe button WordPress plugin.
In the case someone wants an inline Form, I suggest / recommend Caldera Forms Or Ninja Forms ;-)

[marcusig]

Hi @New0,

Here are a couple of suggestions for the modal design:

What do you think?

[New0]

@marcusig both look really good thank you, is it a style based from the Stripe element ?

That makes me think I should make this form style an option, that would allow the creation of multiple designs...

[marcusig]

@New0 It's loosely inspired from Stripes element's demo https://stripe-payments-demo.appspot.com/

Do you want me to work on that design?

That makes me think I should make this form style an option, that would allow the creation of multiple designs...

Yeah I was thinking it'd be good to have a template system, a bit like WooCommerce do it. The current filter system can work, but it's a bit more complicated to work with.