Get Started #
WooCommerce Checkout displays product selection and checkout forms on a single page. Add products to an order, remove and complete payment without leaving the page. Just follow the Step by Step process:
Create Form #
Step=>1: Go to Dashboard=> Pages=> Add new=>
- Add Page Title
- Select Template Elementor Canvas
- Click on Publish
- Edit with Elementor
![](https://help.wpmet.com/wp-content/uploads/2020/07/Screenshot_118-1024x468.png)
- Step=>2: Search For Metform=> Drag and Drop
![](https://help.wpmet.com/wp-content/uploads/2020/05/Screenshot_126-1024x385.png)
- Step=>3: Click on the selected Icon
![](https://help.wpmet.com/wp-content/uploads/2020/02/Screenshot_62-1024x369.png)
- Step=>4: Or you can select New=> Enter your Form Name=> Click on Edit Form
![](https://help.wpmet.com/wp-content/uploads/2020/02/Screenshot_64.png)
Set Product Value #
- Step=>1: The Created Form will Appear=> Now Search for Image Select=> Drag=> Drop
![](https://help.wpmet.com/wp-content/uploads/2020/10/Screenshot_21-1024x601.png)
Step=>2:
- Upload Image
- Set the Product Price. For EX: 50
![](https://help.wpmet.com/wp-content/uploads/2020/10/Screenshot_36-1024x420.png)
Step=>3:
Now Search for Calculation=> Drag=> Drop
![](https://help.wpmet.com/wp-content/uploads/2020/10/Screenshot_23-1024x462.png)
- Step=>4: Copy the Image Select Name
![](https://help.wpmet.com/wp-content/uploads/2020/10/Screenshot_25-1024x600.png)
Step=>5: Paste the Image Select Name on the Calculation=> Settings=> Expression Section
![](https://help.wpmet.com/wp-content/uploads/2020/10/Screenshot_26-1024x468.png)
Step=>6:
- Go to WooCommerece Checkout=> Enable the Toggle=> Provide Title=> Add Pizza Details
![](https://help.wpmet.com/wp-content/uploads/2020/10/Screenshot_24-1024x602.png)
- Step=>7: Now Search for Submit Button=> Drag=> Drop
![](https://help.wpmet.com/wp-content/uploads/2020/10/Screenshot_29-1024x604.png)
- Step=>8: Click on the Form Setting
![](https://help.wpmet.com/wp-content/uploads/2020/10/Screenshot_30-1024x523.png)
Step=>9:
- Add or Edit any Entry Title from Here.
- Provide the WooCommerce Cart Page Redirect Link
- Save Changes
![](https://help.wpmet.com/wp-content/uploads/2020/10/Screenshot_38.png)
Site View #
Step=>1: Now go to the Site=> Select Any Item=> Click on Make Order
![](https://help.wpmet.com/wp-content/uploads/2020/10/Screenshot_32-1024x436.png)
Step=>2: This will move to the WooCommerce Cart Page that you have given on the Form Settings
- Showing the Entry Details as you have provided on Form Settings Entry Title.
- Set the Quantity of the product
- Showing the Price Details
- Now click on Proceed to Checkout
![](https://help.wpmet.com/wp-content/uploads/2020/10/Screenshot_39-1024x464.png)
Step=>3: This will move to the WooCommerce Checkout Page
- Provide Your Billing Details
- Click on Place Order
![](https://help.wpmet.com/wp-content/uploads/2020/10/Screenshot_35.png)