Forms

1. Each form in checkout champ was created with various different scenarios in mind. Many forms are a combination of individual form elements with mostly the same or sometimes different classes. The submission of each form is associated with a certain action, depending on the form type.

2. In the web builder, the user will find a separate 'Forms' category which will consist of form basic building blocks and also forms types depending on the page type.

3. Each unique form type and their uses:

   1. Payment Option:- This form lets the user select the intended payment option.

   2. Multiproduct Checkout:- This form provides a regular checkout with a pre-existing table with product radios, Item column, and a Price column.

   3. Shopify Address:- This form would let the user mention the Shopify address.

   4. Shopify Checkout, Shopify Checkout 2, Shopify Checkout 3:- These three Shopify Checkout forms consist of various user info inputs needed for checkout similar to common Shopify checkout forms. Each form includes different sections of info which can be edited.

   5. Payment Details - with address:- This form will let the user fill out all the address details along with payment information.

   6. Card Details:- This form will only provide the card details.

   7. Checkout Form:- Like Payment Details - With Address this form will also have user info and payment details.

   8. Two-Step Checkout:- This will provide the user with Checkout in two steps i) Filling up the shipping information ii) Next filling up the user and payment information.