View Categories

Getting Started

2 min read

πŸš€ Getting Started with WooCommerce Sticky Add To Cart Pro #

Welcome to WooCommerce Sticky Add To Cart Pro – a powerful plugin that enhances the shopping experience by keeping the β€œAdd to Cart” button always visible, helping boost conversions and reduce cart abandonment.

This guide will walk you through everything you need to get started.


πŸ”‘ Step 1: Activate the Plugin #

  1. Go to your WordPress dashboard.

  2. Navigate to Plugins > Installed Plugins.

  3. Locate WooCommerce Sticky Add To Cart Pro and click Activate.

  4. Enter your license key to receive updates and support (if not already activated). You’ll find the license key in your Magnigenie account under the License tab.


βš™οΈ Step 2: Enable Sticky Add to Cart #

  1. Go to WooCommerce > Sticky Add To Cart Pro.

  2. Under the General tab:

    • Toggle Enable to activate the sticky cart bar.

    • Choose whether to show it on Desktop and/or Mobile.

    • Enable Always Visible to keep the bar fixed even when scrolling.


πŸŽ›οΈ Step 3: Configure Behavior #

  • Sticky Add to Cart Style: Choose between Classic, Modern, or other available styles.

  • Sticky Bar Position: Select whether the sticky bar appears at the Top or Bottom of the screen.

  • Sticky Bar Height: Customize the height (in px).

  • Redirect After Add to Cart: Choose where the user should be redirected after adding a product to the cart (e.g., Cart Page, Checkout Page, or stay on the Same Page).

  • Enable AJAX for Add to Cart: Smooth cart actions without reloading the page.

  • Hide Sticky Cart For Products: Enter product IDs to exclude specific products.


🎨 Step 4: Style the Sticky Cart #

Navigate to the Appearance Settings tab to personalize the look:

  • Enable/disable Product Image, Star Ratings, and Quantity Box.

  • Choose colors for:

    • Sticky Bar Background & Border

    • Cart Button (normal and hover)

    • Price Badge and Strike-through Price

    • Text and Stars

  • Upload a custom background image for the sticky bar.

  • Select image and badge shapes: Round or Square.

  • Customize text such as Add to Cart, Show an Option, etc.


πŸ” Step 5: Save or Reset #

  • Click Save Options after making changes.

  • Use the Restore Defaults button to reset all settings to factory defaults.


βœ… You’re All Set! #

Once configured, the sticky add to cart bar will appear on product pages (and others depending on your theme), helping users take quick action without needing to scroll.

Need help? Reach out to our support team or visit magnigenie.com for documentation and updates.

Powered by BetterDocs

Leave a Comment