The WooCommerce Product Quick Checkout feature speeds up buying and saves shoppers time. This module quickly redirects users to the checkout page and minimizes the number of steps involved in traditional shopping.
It is ideal for impulse shoppers and need-based customers to make purchases in your WooCommerce store.
The core Configuration for the Quick Checkout Module is located within the General Section. It has two sections, General and Style.
1. General #
1.1. Enable Quick Checkout? Enabling Quick Checkout is mandatory. Toggle to activate the Quick Checkout module. “Buy Now” button will show on the front end.
1.2. Clear Cart items Before Quick checkout?: Enable Clear Cart Items Before Quick Checkout to remove previously added items. Subsequently, current selections will automatically add to the cart.
1.3. Button Action: Set checkout button behavior after click. You can choose either Redirect to Checkout or Open in a Modal. 1.4 Button Text: Insert the button text.
1.5 Show in Shop Page: Display the Checkout Button on the shop page, offering customers a visual representation of product popularity.
1.6 Shop Page Button Position: Adjust the shop page Checkout Button position to smoothly integrate with your theme’s default layout, enhancing visual consistency and user experience.
1.7 Enter Hook Name: Enter hook name for shop page Checkout Button positioning for seamless integration with your theme’s default layout, or employ PHP code for further customization.
<?php do_action( 'rtsb/modules/quick_checkout/frontend/display' );?>Remember: The code will not work outside of the product query.
1.8 Hook Priority: Set priority for WordPress hooks to determine their execution order, optimizing functionality and ensuring proper interaction among various components.
1.9 Show Checkout Button in Product Page: Display the Checkout Button on the product page, offering customers a visual representation of product popularity.
1.10 Product Page Button Position: Adjust the product page Checkout Button position to smoothly integrate with your theme’s default layout, enhancing visual consistency and user experience.
1.7 Enter Hook Name: Enter hook name for product page Checkout Button positioning for seamless integration with your theme’s default layout, or employ PHP code for further customization.
<?php do_action( 'rtsb/modules/quick_checkout/frontend/display' ); ?>Remember: The code will not work outside of the product query.
1.8 Hook Priority: Set priority for WordPress hooks to determine their execution order, optimizing functionality and ensuring proper interaction among various components.
Now, click on the “Save Changes” button to save the updates.
2. Style #
Now, move to the Style tab. This setting controls the style of the front-end appearance.
2.1 Shop Page Button Height (px): Insert shop page checkout button height as your choice.
2.2 Shop Page Button Padding (px): Determine shop page checkout button padding as your choice2.3 Shop Page Button Margin (px): Set shop page checkout button margin.
2.4 Product Page Button Height (px): Insert the product page checkout button height as your choice.
2.5 Product Page Button Padding (px): Determine shop page checkout button padding as your choice
2.6 Product Page Button Margin (px): Set the product page checkout button margin.
2.7 Checkout Button Background Color: Set the checkout button background color from the color palette.
2.8 Checkout Button Text Color: Determine the checkout button text color from the color palette.
2.9 Checkout Button Hover Background Color: Set the checkout button hover background color from the color palette.
2.10 Checkout Button Hover Text Color: Determine the checkout button hover text color from the color palette.
Now, click on the “Save Changes” button to save the updates.
Front End View of Quick Checkout Module #
Here, you can clearly notice the quick checkout button on the product details page.
After clicking the button quick checkout pop-up will be visible.
