WooCommerce Checkout On Popup just eliminating unnecessary steps at checkout and fast your checkout process to boost your store sale rapidly. This WordPress plugin provides instant, fast, quick WooCommerce checkout within popup on same page.
WooCommerce Checkout On Popup plugin giving you 3 tools within 1 plugin, 1st is WooCommerce Checkout Popup, and 2nd is WooCommerce Quick Checkout or WooCommerce Instant Checkout and the 3rd is WooCommerce Global Cart Icon.
Site Administrator can use various options based on requirement to configure WooCommerce Checkout Popup, WooCommerce Quick Checkout or WooCommerce Instant Checkout, WooCommerce Global Cart Icon features. We discuss each options one by one in below.
WP Admin -> WooCommerce -> Settings -> Checkout Popup (last tab)
Below options are used to configure the popup activity throughout the site,
- Checkout popup display, means when the Checkout popup will appear.
- Immediately after product added to cart.
- After click on Cart page link, like “View Cart” button link. Please note, when you use this option, please make sure your Cart Page link element must have woocommerce default “added_to_cart” CSS class, otherwise you can use shortcode to show the popup.
- Shortcode, [WPS_WCP_OPEN], if you want to open the popup from any custom link, please use this shortcode into the “href” link.
- Steps on checkout popup.
- Skip Cart page, direct Checkout page, this option initiate WooCommerce fast checkout or WooCommerce quick checkout process.
- Cart and then Checkout, the default woocommerce checkout process.
Global Icon Settings
Below options are used to configure the floating Global Icon throughout the site. Please Note, Global icon is not available on Cart and Checkout page.
- Global icon, display of Global cart icon
- – Enable, to show.
- – Disable to hide.
- Global icon visibility, control the visibility for pages, restrict the visibility for some pages.
- – All pages, Global icon will be visible throughout the site.
- – Home Page, Global icon only visible into Home page of the site.
- – Only WooCommerce pages, Global icon only visible into WooCommerce functional pages, but please note, Cart, Checkout and My Account pages are exclude.
- Global icon background color, the color of the circle fill, by default “Red” is selected.
- Global icon hover background color, the color of the circle fill when hover by cursor.
Below options are used to change style of the checkout popup to make it looks good.
- Popup header text, the text appears at the title position of the popup.
- Popup footer text, the text appears at the bottom position of the popup.
- Popup footer button, show or hide 3 types of available footer button,
- – Proceed to checkout.
- – Back to Cart.
- – Close.
- Popup background color, set the background color of the checkout popup, please note, within the checkout popup woocommerce ( exists on your theme ) buttons are used, do not select any color which is the same as button background color. You can change the button background color from Theme Customize.
- Popup custom CSS, this option is for CSS developer to apply custom CSS for the Checkout popup.