Floating Sticky Cart is a WooCommerce AJAX cart plugin that allows you to create an off-canvas cart page to enhance the standard WooCommerce Add to Cart notice and WooCommerce cart page.
Introduction
↑ Back to topThe plugin is built on AJAX (no page reloads) to ensure better conversions, provide frictionless shopping, and smooth checkout to boost your shop sales.
Enhance the customer experience and increase your conversion rate with a sliding cart preview that can be accessed from anywhere on your WooCommerce store. No need to take your customers to a separate cart page and reduce conversions by extra unnecessary clicks.
You can customize virtually all visual elements of the side AJAX cart page:
- Mobile-first design for better conversion rates
- Text string translation to your local language
- View Cart, Checkout, Continue Shopping areas are fully customizable
- Customize cart page width, height, colors, layout, and almost any text/visuals
- Choose how Ajax cart page looks like and easily enable/disable elements you want to show in the cart
- Products sorting order in a cart page
- Disable off-canvas cart and floating cart icon on specific (or even all non-WooCommerce) pages
- Custom CSS stylesheet for extra flexibility
System Requirements
↑ Back to topHere are the system requirements you need in order to use Floating Sticky Cart and avoid any technical issues. We kindly ask you to contact your host if you are not sure whether your server supports the plugin requirements listed below:
- WordPress version 5.6 or higher
- PHP version 7 or higher
- MySQL version 5.6 or higher
- Installed and activated WooCommerce 5.5 or higher
In addition to these requirements, please verify that your Web Hosting meets the WordPress minimum requirements.
Installation
↑ Back to topBefore you install Floating Sticky Cart for WooCommerce, make sure you’ve already installed and activated the WooCommerce plugin for WordPress.
After purchase, download .zip file of the plugin from your WooCommerce account and save it on your computer.
To install the plugin, go to Dashboard > Plugins > Add New.
Click the Upload Plugin button.
Upload the plugin file and click Install Now.
The plugin settings will appear in the WooCommerce section.
Update
↑ Back to topWe constantly improve our products and release updates. All updates are available for free.
To update the Floating Sticky Cart plugin, go to Dashboard > Updates.
In the Plugins section find Floating Sticky Cart, select it, and click Update Plugins.
Also, you can open Plugins > Installed Plugins and update the plugin there. Find Floating Sticky Cart from the list and click Update Now if there is an update available.
General Settings
↑ Back to topMain
↑ Back to topThe Main section includes the major plugin settings, such as: displaying the Add to cart button and Notifications, Off-canvas settings, etc.
Slide-in Off-Canvas Cart Page allows opening the side cart when adding the product to the cart.
Ajax add to Cart allows the item to be added to the cart without refreshing the page. AJAX add to cart buttons on archives option in WooCommerce Settings should be enabled for this option to work properly.
Ajax remove from Cart allows removing items from the cart without refreshing the page.
Add to cart button allows plugin to add the buttons for adding a product to the cart if the theme does not provide such option.
Fly to cart animation effect activates by adding an item to the cart. Ajax add to Cart option should be enabled for this option to work.
Show Related products slider allows showing related products to your chosen item. Related items will be displayed as sliders in the cart off-canvas. Related products will not be displayed if there is only one product in the store and you add it to the cart.
Apply coupons in Side cart allows to add different promotion coupons to the items. After enabling this option, you can create the coupons in Marketing > Coupons. You can get detailed information about the coupon creation process on the Coupon Management page of WooCommerce documentation.
Show shipping methods in Side cart payout allows users to order delivery for their products by specifying the address of their location. By default, the shipping is free of charge, shipping price and shipping zones specified in the WooCommerce settings. You can get detailed information about the shipping settings on the Setting up Shipping Zones page of WooCommerce documentation.
Basket status will define whether to show the basket icon on the web page.
Basket counter status will define whether to display the counter under the basket icon on the web page. If the Basket status option is set to Always hide, the counter will be not visible.
Cart Icon Counter determines whether to count only unique items in the cart or all selected items.
Disable Cart on Selected Pages disables displaying the side cart icon on the selected pages. Page slugs should be written in the field, separated by commas. Side Cart will be automatically opened if the user adds a product to the cart.
Side Cart
↑ Back to topThe Side Cart section includes settings related to the cart, such as: products sequence in the cart, displaying products image or prices in the cart and others.
Products on a Cart Page order setting will define whether to add a new products to the top of the cart or to the bottom.
Open side cart from setting is responsible for the opening direction of the cart.
Header basket icon setting will define whether to display the header basket icon.
Close icon setting will define whether to display the close icon in the header part of the cart.
Product image setting will define whether to display the product’s image in the cart.
Product name setting will define whether to show the product’s name in the cart.
Changing product quantity in side cart setting defines whether users can change the quantity of the product after adding it to the cart.
Product price setting is responsible for price displaying for each product.
Product total setting is responsible for total price displaying for each product.
Product meta setting is responsible for displaying additional info, such as color and size, in the body of the product in the side cart.
Link to a Product page allows users to go to the product single page by clicking on the Product Image or Product name.
Remove Product from cart setting is responsible for displaying Remove button for each product in the side cart.
Subtotal price can be displayed in the footer part of the side cart.
Product name (Variable Product) allows to choose position of displaying product variations in the side cart.
Texts
↑ Back to topTexts section includes the settings related to the text of the side cart elements. You can change the element’s text or remove elements by leaving the field empty.
Cart Heading can be specified in the first field. The element will be removed by leaving this field empty.
Cart Button title can be specified in cart footer. The element will be removed by leaving this field empty.
Checkout Button title can be specified in cart footer. The element will be removed by leaving this field empty.
Your Cart is Empty annotation text can be specified. The element will be removed by leaving this field empty.
Style Settings
↑ Back to topMain
↑ Back to topThe Main section includes style settings related to the cart: width, height and custom font settings.
Side Cart Basket
↑ Back to topThis section consists of style settings related to the cart basket, such as: position, counter, offsets, borders, colors, hovers, corners, icons and font settings.
Side Cart
↑ Back to topSide Cart section consists of style settings related to the cart: align, buttons, paddings, borders, colors, corners, hovers, close icon and font settings.
Side Cart Body (Product)
↑ Back to topThis section consists of style settings related to products displayed in cart: width, paddings, positions, colors, hovers, icon and font settings.
Advanced (Custom CSS)
↑ Back to topThe Custom CSS section is similar to WordPress default Customize > Additional CSS section. Here you can insert all your custom CSS to overwrite plugin styles without editing any plugin files.
Settings Import & Export
↑ Back to topThe Import/Export options allow to you apply the same plugin settings on your other websites where the Floating Sticky Cart plugin is active.
Settings Export
↑ Back to topClick the Copy Settings button to export the settings. The settings will be copied to buffer.
Settings Import
↑ Back to topTo import the plugin exported settings, paste the copied info in the Import Options field and click the Import Settings button.
PayPal Setup
↑ Back to topYou can use one of the popular online payment gateways PayPal as a payment method for your products. In order to enable PayPal as a payment method, go to WooCommerce > Settings.
On the opened page, go to the Payments section and install the PayPal extension.
Afterward, you can connect your account to PayPal.
Click the Connect to PayPal button which forwards you to the official PayPal webpage.
After connecting your account to PayPal, you can change the payment gateway settings in the Payments section of WooCommerce Settings.
The PayPal payment option will be available to use on website after saving changes.
Follow the documentation page of the PayPal extension for WooCommerce to get more information about payment gateway settings.
Questions & Support
↑ Back to topAlready purchased and need some assistance? Please get in touch via the help desk.
A floating cart is added to ensure more leads are generated and better Facebook pixel warming which leads to more conversion events and better optimization.