- Display cart content on hover or click
- Add Fly to Cart effect
- Allow buyers to check the cart details on click or hover
- Allow buyers to increase or decrease the quantity of products.
- Display total amount and shipping charges to buyers
- Buyers can remove the added products from the cart.
- Allow buyers to proceed to checkout directly from the floating cart popup
You need to install and activate the plugin after you have purchased it.
- Manual Installation Process
The manual installation method involves uploading the WooCommerce Floating Cart Popup to your WordPress plugin section.
The steps are as follows :
1) Upload the WooCommerce Floating Cart Popup file to the /wp-content/plugins/ directory.
2) Activate the plugin through the ‘Plugins’ menu in WordPress.
3.Plugin's Panel Options:
3.1. Backend Options and Overview Panel
After activating the “WooCommerce Floating Cart Popup” plugin, you will have an added menu with the name “MakeWebBetter” in your WordPress Dashboard.
Click on the MakeWebBetter menu, and then click on “WooCommerce Floating Cart Popup“.
The “Overview” panel of the plugin appears as shown below:
div class=”mwb-docs-product-imag<es” >
The Overview panel of the plugin contains a brief description of the plugin, how is this plugin helpful and what are the top features of the plugin. Altogether, the overview section gives a quick idea of what this plugin is capable of.
3.2.General Setting Panel
In this panel, you get to set the general setting of the plugin as shown below:
2.1. Enable: To add the floating cart icon on your WooCommerce store and to enjoy all the features of this plugin, start by enabling the plugin using this enable button.
2.2. Upload Cart Image: The admin gets this option to add an icon for the floating cart based on their choice. However, there is a cart icon that appears by default.
Here’s how it appears to the shoppers in your store.
To change the icon of the floating cart:
- Click on “Change Cart Icon” button
- Select the icon from the Media Library and inset
Example: With the above steps, when you upload an icon in Gif format. The floating cart of store appears as:
2.3. Fly to cart Effect: This is the visual effect of how the product flies to the floating cart, after a buyer clicks on the “add to cart” button. The available options are as follows :
Available options are:
Let’s see Drag effect in action:
2.4. Cart Template: In this setting option, you can choose a template for your floating cart popup panel from the three available options.
- Template 1
- Template 2
- Template 3
After doing all the settings, SAVE the settings to see the action
3.3.Floating Cart Panel
In this setting panel of WooCommerce Floating Cart Popup plugin, you can set the various aspects of how your popup will look like. Overall, there are seven major aspects that we need to set.
The overall floating cart setting panel looks like this:
3.1. Cart Total Container: In this setting option you can set three things about the cart total containers. These are:
- Background Color: Select the color that you want to give to the background of cart total containers.
- Text Color: Select the color for the text in the cart total containers.
- Position: Select the position of the cart container. It can be left or right.
For example: Let suppose I set orange as background color, white as text color and position as right. Then the cart containers look like.
3.2. Cart Display on: In this setting menu, you can set the behavior of the floating cart, when it will display the cart details. The two options are:
- On Hover
- On Click
3.3. Cart Position: With this setting, you can set the position of the floating cart at different places on the screen of your WooCommerce store.
The available options are:
3.4. Cart X and Y Offset: With these setting options you can displace the position of the cart from the edge of the screens. Cart X offset shifts the floating icon horizontally (left and right) while the Y offset shifts the cart vertically, (up and down).
3.5. Enable and Select Pages: Here in this setting, first check the checkbox. An option is added to select the pages where you want to display the floating cart icon.
By default, all pages are selected.
- Cart Heading Background Color: Set the background color for the heading section of the floating cart popup
- Cart Heading Text Color: Set the color of the heading text.
Note: Make sure that the heading text color and background color have enough contrast.
Example: With all the above setting, the heading appears as:
3.7. Checkout Button Settings: Here you can set the checkout button that appears at the bottom of the floating cart popup. The following setting can be done:
- Checkout Button Text: You can write the text that you want to be written on the button. By default it is set to “Checkout”.
- Checkout Button Background: Set the background color of the checkout button.
- Checkout Button Text Color: Here you can set the color of the text that you want.
Note: Keep the text and background color in enough contrast to keep both distinct and clear.
Example: With all the above setting, the checkout button appears as:
The plugin is protected through license code and therefore to use this plugin you need to verify by entering the license key and activate it.
- Copy the Purchase Code that you got after purchasing this plugin.
- Paste it in the section
- And click on “Validate”
Note: You have 30 days to verify your license after activating the plugin. If you do not complete the license activation, the plugin will stop functioning. After successful validation, this section get removed.
You can check the license activation process in detail on: License Activation steps
WooCommerce Floating Cart Popup is a Plugin that adds an easily accessible floating cart on the selected pages.
By using this you can view added products on cart, edit products quantity, remove, check total amount, and also proceed to purchase without visiting the cart page.
WooCommerce Floating Cart Popup helps to increase conversions and reduce cart abandonment, so it will affect your sales directly or indirectly.
Yes, buyers can directly click the purchase button from the floating cart popup panel
This means that the buyers can perform actions on floating carts; they can remove products, increase and decrease product quantity and proceed to checkout as per their needs
It is the visual effect that makes this plugin attractive to use. As the buyer adds anything to the cart, the product image visually flies into the floating cart.
Yes we have this feature which allows admin to change the text and color of the " Checkout" button on the floating cart popup.
The admin of the store can select the position of the floating icon that will be displayed on the pages. Some of the available options are:
- Right bottom corner
- Left Bottom corner
- Upper right corner
- Upper left corner
We have a feature that allows users to increase and decrease the quantity of the product and it can be done directly from the popup.
We have a support team with a technical team that also helps with all your queries and support you need. We work 24*7 to help our clients.