Popup For WooCommerce Checkout, formerly known as WooCommerce Checkout On Popup, just eliminates unnecessary steps at checkout and speeds up your checkout process to boost your store sales rapidly. This WordPress plugin provides instant, fast, quick WooCommerce checkout within a pop-up on the same page.
This plugin givesyou 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 the requirement to configure WooCommerce Checkout Popup, WooCommerce Quick Checkout or WooCommerce Instant Checkout, and WooCommerce Global Cart Icon features. We discuss each option one by one below.
WP Admin -> WooCommerce -> Settings -> Checkout Popup (last tab)
General Settings
The options below are used to configure the pop-up activity throughout the site,
- The checkout pop-up display means when the Checkout pop-up will appear.
- Immediately after the product is added to the cart.
- After clicking on the Cart page link, like the “View Cart” button link. Please note, when you use this option, please make sure your Cart Page link element must have the woocommerce default “added_to_cart” CSS class, otherwise you can use a shortcode to show the pop-up.
- Shortcode, [WPS_WCP_OPEN], if you want to open the pop-up from any custom link, please use this shortcode in the “href” link.
- Steps on checkout popup.
- Skip the Cart page, direct Checkout page, this option initiates the WooCommerce fast checkout or the 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 that, Global icon is not available on the Cart and Checkout pages.
- Global icon, display of the Global cart icon
- – Enable, to show.
- – Disable to hide.
- Global icon visibility, control the visibility for pages, and restrict the visibility for some pages.
- – All pages, the Global icon will be visible throughout the site.
- – Home Page, Global icon only visible on the Home page of the site.
- – Only WooCommerce pages, the Global icon is only visible in WooCommerce functional pages, but please note, Cart, Checkout, and My Account pages are excluded.
- 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 hovered by the cursor.
Popup Settings
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.