Allow customers to place orders quickly without leaving the page, featuring both centered popup and side cart.
Setup and Installation
↑ Back to top- Download the .zip file for Direct Checkout & Quick Cart View for WooCommerce.
- Go to: WordPress Admin > Plugins > Add New
- Now, Upload the file you downloaded with Choose File
- Install and Activate the extension.
More information at: Install and Activate Plugins/Extensions.
Configurations
↑ Back to topTo access the Fast Cart & Checkout plugin settings, go to WooCommerce → Settings → Direct Checkout → General Settings in your WordPress Admin Dashboard
Here, you will find the following Settings
General Settings
↑ Back to top- Enable/Disable
- Select Layout:
- Side Cart: Displays the cart as a sleek side panel.
- Centered Popup: Displays the cart as a centered modal popup
- Automatically Open Cart: By choosing this option, the cart popup will automatically open when a product is added to the cart.
- Allow Checkout: Enabling this option will automatically open the checkout page in the popup when customers add a product to their cart.
- Skip the Cart: This option will skip the cart and open checkout directly in centered popup/side cart.
- Hide on Mobile: This option will hide the fast cart & checkout on mobile devices.
- Popup Animation: Select cart & checkout popup animation (Simple, Slide-in, Zoom, Fade).
- Cart Button Style: Choose cart button style (Icon only, Text only, Icons & Text).
- Cart Button Text: Add a text to display with/without a cart icon.
- Cart Icon Position: Choose cart icon position (Hidden, Top, Bottom, Center).
- Replace Cart Page: This will replace traditional cart page with customized cart popup of this plugin.
- Replace Checkout Page: This option will replace the traditional checkout page with customized checkout popup of this plugin.

Display/Hide Cart Contents
↑ Back to topGo to WooCommerce → Settings → Direct Checkout → Cart Contents in your WordPress Admin
Dashboard.
Here, you can choose the following content to display or hide on the cart popup.
- Product Quantity Pickers: Allow customers to adjust product quantities directly from the cart.
- Product Prices: Display the price of each item in the cart.
- Product Subtotals: Show the subtotal for each individual product.
- Order Subtotals: Display the total cost of all items in the cart, excluding
shipping and taxes. - Product Images: Include product images in the cart for visual reference.
- Delete Buttons: Provide customers with the option to remove items from the
cart. - Shipping Information: Display estimated shipping costs and delivery
timeframes. - Continue Shopping Button: Allow customers to return to the product pages to
add more items. - Coupon Codes: Enable customers to apply discount codes to their order.
- Product Recommendations: Suggest additional products that customers may
be interested in purchasing.

Cart Customization & Colors
↑ Back to topGo to WooCommerce → Settings → Direct Checkout → Customization & Colors in your WordPress
Admin Dashboard.
Here you can customize the colors of cart icon, and content displayed on the cart.
- Cart Icon Color: Customize the color of the cart icon.
- Cart Button Background: Customize the background color of the cart button.
- “Continue Shopping” Button Color: Customize the text color of the “Continue
Shopping” button. - “Continue Shopping” Button Background Color: Customize the background color of
the “Continue Shopping” button. - Cart Count Text Color: Customize the color of the item count in the cart icon.
- Cart Count Background: Customize the background color of the item count in the cart
icon. - Cart Button Border Radius: Customize the roundedness of the cart button’s corners.
- Checkout Button Text Color: Customize the text color of the checkout button.
- Checkout Button Background: Customize the background color of the checkout button.
- Cart Popup Overlay Color: Customize the background color of the cart popup
