Do you want a WooCommerce one page checkout shop? If you do, then you have come to the right place. In this article, I will teach you how to enable the one page checkout shop in WooCommerce.
WooCommerce does not have features to add all products to a custom page. So, we will be using the Product Table plugin which allows us to add the product table to a specific page. Whether you have 100 or 10000 products, this plugin can list them all in a user-friendly way. By the end of this article, you will be able to create a one page checkout shop for your WooCommerce store.
So keep reading and figure out how to enable WooCommerce One Page Checkout Shop with the Product Table plugin.
On This Page
- 1 What is WooCommerce One Page Checkout Shop?
- 2 Why do you need the One Page Checkout Shop?
- 3 How to Enable WooCommerce One Page Checkout Shop?
- 3.1 Step 1: Install and Activate Woosuite Core Plugin
- 3.2 Step 2: Install and Activate the Product Table Plugin
- 3.3 Step 3: Select the Page to Display the Product Table
- 3.4 Step 4: Add a New Page to Display Product Table
- 3.5 Step 5: Additional Settings for Product Table
- 3.6 Step 6: Customize the Product Table Design(Optional)
- 4 Final Results
- 5 Frequently Asked Questions
- 6 Conclusion
What is WooCommerce One Page Checkout Shop?
Before we get started, it’s worth knowing about the One Page Checkout Shop in WooCommerce. It is an excellent feature that allows the customers to select products and checkout on the same page. You can show all products in the product table so that users will be able to browse through all products on a single page. Without moving to other pages, users can add products to the cart and complete the checkout process.
Why do you need the One Page Checkout Shop?
There are several benefits of adding the one page checkout shop to your WooCommerce store. One of the major benefits is that it makes the checkout process faster and more straightforward for the customers. The research says that 1 in 10 people abandon their cart is because of the long process of checkout. If the customer has to navigate through multiple pages to complete a purchase, then he/she might get fed up with spending time clicking on different pages. As a result, they are less likely to make a purchase. That’s where you will need the Product Table plugin to create the one page checkout shop.
How to Enable WooCommerce One Page Checkout Shop?
Now you know the benefits of the one page checkout shop in WooCommerce. Let’s get started and set up the one page checkout shop using the Product Table plugin. We will go through the step-by-step guide to enable the one page checkout shop. Please follow all the steps carefully and verify settings with the given screenshots.
Step 1: Install and Activate Woosuite Core Plugin
First, you have to download the Woosuite core plugin file to your device. After that, you need to upload and install the plugin to your WooCommerce site.
Go to Plugins and click Add New. Then click on ‘Upload Plugin’ and choose the plugin file. After uploading the plugin, click Install Now.
Plugins > Add New > Upload Plugin > Choose File > Install Now
After the plugin is installed, do not forget to activate the plugin.
Step 2: Install and Activate the Product Table Plugin
After activating the Woosuite Core plugin, you will see a new option “Woosuite” in the WordPress toolbar. Now, we will install the Product Table plugin.
Click on Woosuite and go to the Addons option. Then find the Product Table plugin and click Install Now to install it.
After installing the plugin, you need to activate the plugin by clicking on the toggle button.
Step 3: Select the Page to Display the Product Table
After you activate the plugin, by default, it should create a Quick Order Form page to display the product table. You can change the page to display the product table from the Product Table setting.
Go to Woosuite and click the Product table. There you will find different options and settings to customize the quick order form or product table.
Shop pages: If you toggle on the Shop pages button, the product tables will be displayed on your default store page. Do not turn this on unless you want to display the product table on your shop page.
Product category archives: This option states whether you want to display the product table on the category pages or not. You can toggle this on if you want to show the product table on all categories published on your site.
Quick Order Form Page: You can select the page on which you want to display the product table or quick order form. This is the quick option for adding the product table to any existing page.
You can visit the Quick Order Form page on your website to view how the product table is displayed on the page.
All the products are displayed on the table with columns Name, Summary, Price, and Buy option. Above the column, you can select the number of products to be displayed at once from the Show products dropdown. It also shows the number of products displayed on the table. From the Search option, you can easily find the products you are looking for. There are lots of other features that you can customize from the Product table setting.
Step 4: Add a New Page to Display Product Table
In this step, we will create a new page to display the product table and enable one page checkout on that page.
Go to Pages and click Add New. Then set a name for the page. For e.g., One Page Checkout.
You can add a shortcode [product_table] on any page and display the product table on that page.
For displaying the cart and checkout on the same page, you can use: [woocommerce_cart] [woocommerce_checkout]
We will use the same method to display the product table, cart, and checkout option on our One Page Checkout page.
Then publish and view the page to see how the one page checkout page looks.
As you can see, you can browse products, add to cart, and checkout them on a single page. You can modify the Product table setting to show the additional features and information on the product table..
So, jump to the next section and figure out additional settings to configure in the product table.
Step 5: Additional Settings for Product Table
In this step, we will make some changes in the setting to display additional information.
Go to Woosuite and click on the Product table from the submenu. On the Product table page, expand the Order Form Information setting. There you will find the following settings.
Columns: On this field, you can select different columns to add to the product table. The available columns are: sku, id, name, description, short-description, date, categories, tags, image, reviews, stock, weight, dimensions, price, add-to-cart, and button.
Image size: You can change the image size according to your preferences. By default, it is 70×50 which fits well in the product table.
Image Lightbox: This option allows the customers to view images in the lightbox. For example, when a user clicks on the image, the image will be displayed in a large popup. You can enable this option if you want. It will help customers to see products in detail.
Shortcodes: Only enable this option if you want to display shortcodes, HTML and other formatting inside the table.
Description length: You can control the description length of products in the table. It allows you to set the description limit if you have added a description column. For example, setting 10 will only show the first 10 words of the description in the table. You can enter -1 to display the full description.
Product links: This option helps to create a hyperlink on tags such as category, tag, or attribute.
Bulk Add to Cart Settings:
In this section, you can customize the settings for the Add to Cart button.
Add to Cart Button Display: It allows you to change the option for adding the products to cart. By default, it is Button only but you can select to display “Checkbox only” or “Button and checkbox”. It helps to show the checkbox alongside all products in the product table so the customers can select multiple products and add them to cart with a single click.
Add to cart behavior: Do NOT enable this option, otherwise, the page will not reload when the customers add products to the cart. As a result, the users will not see the correct products in the cart and checkout section.
Quantities: By default, the product table does not show the quantity selectors in the Add to Cart column. After you enable this option, the users will be able to select the product quantity before adding the products to the shopping cart.
‘Add Selected’ button text: If you enable the checkbox in add to cart, you can use this option to change the text for the ‘Add Selected To Cart’ button. The ‘Add Selected To Cart’ button is used to add all products to cart by selecting multiple products using the checkbox.
Step 6: Customize the Product Table Design(Optional)
The Product Table plugin offers the design options for customizing the product table and making it look more attractive. So, in the Product table setting, expand the Order Form design. The design option is set to default, you can get additional settings for design by changing it to custom.
You will see options like Border Outer, Border Header, Border Cell, Header background, Header font, and many more. You can modify them to change the border size, background color, text color, and font size.
We have configured all the required settings for the product table, now it’s time to save the settings. So, head over to the top right corner of the Product table setting and click on Save changes. Then visit the One Page Checkout page and verify whether all the settings are visible in the table.
As you can see in the image below, all of them are applied to the product table.
In this way, you can easily enable the one page checkout shop in your WooCommerce store. Here is an example showing that the users can browse products, add them to the cart, and checkout on a single page. As a result, it makes the shopping process easier for your customers.
Frequently Asked Questions
Q. How do I enable WooCommerce single checkout?
Ans. The best way to enable WooCommerce single checkout is by using the plugin. And the Product Table plugin is an excellent choice if you are searching for the best and easy-to-use plugin for the one page checkout.
Q. How do I combine checkout and cart in WooCommerce?
Ans. Yes, you can combine checkout and cart in WooCommerce. In this article, we have shown how you can combine checkout and cart with the product table to create a one page checkout shop.
Q. How do I customize the product table or quick order form?
Ans. The Product Table plugin does not only add the product table but offers extensive features to display the additional information and customize the design of the table.
As you can see, the Product Table plugin is a wonderful choice for creating WooCommerce one page checkout shop. It makes it easier to browse products, select them and perform checkout on a single page. We also learned to display different columns, quantity selectors, and checkboxes on the product table. We hope you understood everything correctly and will be able to create a one page checkout shop for your WooCommerce store.
Ready to enable WooCommerce One Page Checkout Shop? Get the Product Table plugin now.
If you have any queries, please share them with us in the comment section below.