I want to separate the payment field from the products.

Hello, can anyone help me with the CSS to display the payment info fields for the Stripe payment connection in a different place on the order form than the products?

Right now, I’m using the “Stripe checkout” payment option, but I’d like to use the regular “Stripe” payment option because I don’t like the checkout page as there’s no customization options.

I’d like to have the “Products” show near the top of my form, and have the “Payment info fields” show near the end of my form.

Hi Vaughyn, 

Thanks for reaching out to Jotform Support. There's no direct way of separating the products and payment fields. As an alternate, you'll have to manually add products to the Inventory widget or simple fields(e.g. textboxes, dropdowns, checkboxes, radio buttons) and then calculate the values of products using form calculations. After that, you'll have to pass the total amount to the payment field, so that you can process the payment.

Check out this guide on how to pass a calculation to the payment fields.

Give it a try and let us know if you need any other help.