Add to Cart Button Master – User Guide

1. Introduction

Add to Cart Button Master empowers you to transform your WooCommerce add-to-cart buttons and checkout experience. You can style buttons with custom fonts and colors, limit quantity purchases, and even create floating add-to-cart buttons for mobile. This guide will show you how to set it up and use it.

2. Requirements & Installation

2.1. Requirements

• A working WordPress website.
• WooCommerce installed and active.
• PHP 7.2+ recommended.

2.2. Installation Steps

1. Upload the plugin to wp-content/plugins or use Plugins > Add New > Upload to upload the Add to Cart Button Master ZIP.
2. Activate it from your WordPress Plugins page.
3. Verify WooCommerce is also active.
4. The plugin will create necessary folders in assets if they don’t already exist.

3. Key Concepts

• Custom Button Style: Style the “Add to Cart” button with your chosen font, colors, size, and more.
• Direct Checkout / Redirection: Immediately send shoppers to checkout after adding an item, bypassing the cart page.
• Floating Button: A mobile-friendly “Add to Cart” button that appears at the bottom of the screen.
• Quantity Limit: Set a maximum quantity for a specific product or all products site-wide.
• Product Selection: Decide whether to apply these customizations to all products or only specific ones.

4. Basic Usage

4.1. Configuring the Plugin

1. In your WordPress dashboard, go to Add to Cart Button Master (a top-level menu item).
2. Under General Settings:
   • Enable or disable direct checkout from single product pages.
   • Decide if you want these customizations on product archive pages (shop pages) too (redirecting or styling those add-to-cart buttons).
   • Optionally enter a Custom Redirect URL to send shoppers somewhere other than the default checkout page.
3. In Product Selection, choose whether to apply these features to All products or Specific products only. If specific, select them from the list.
4. In Button Styling:
   • Toggle Style Checkout Button to enable or disable the styling features entirely.
   • Pick a font (e.g., Roboto, Open Sans), font weight, colors, border radius, and size for your add-to-cart button.
   • Type a custom Button Text (for instance, “Buy Now” or “Add to Basket”).
5. Check or uncheck options for Include Cart Icon and Include Price in Button if you want those additions.
6. Use the Button Preview section to see how your customized button might look.
7. In Advanced Features, you can:
   • Enable a shake effect on product pages.
   • Enable a floating button on product pages (great for mobile users).
   • Enable custom quantity selectors with plus/minus buttons.
   • Enable a maximum quantity limit that shoppers can’t exceed.
8. Optionally add Custom CSS if you wish to override or add more styling rules.
9. Click Save Settings to finish.

4.2. Verifying Your Changes

After saving, visit your WooCommerce store. If you opted to style buttons on product archive pages, you’ll see the new button look there. On a single product page, look for:

• New button color or font size.
• Cart icon or price text integrated into the button text.
• Direct checkout behavior if you chose to redirect customers immediately.
• Floating button on mobile screens, which appears as users scroll.

5. Advanced Features Usage

5.1. Direct Checkout (Single Product)

If Direct Checkout is enabled for single product pages, whenever a shopper clicks “Add to Cart,” they’ll be taken straight to either:

• Your checkout page if no custom URL is set.
• The Custom Redirect URL you’ve specified instead of the checkout.

This can reduce friction in the buying process.

5.2. Shop Page Button Styling & Redirection

When you enable Apply Button Styles & Redirection on Product Archive, your “Add to Cart” buttons on the shop (archive) page get the same font, color, and direct-checkout effect as on single product pages.

For instance, if you want the “Add to Cart” button to instantly redirect to the checkout from the main shop page, turn this feature on.

5.3. Floating Button

• Use Enable Floating Add to Cart Button in Advanced Features to add a fixed-position button at the bottom of single product pages on mobile screens (or all screens, if you like).
• As shoppers scroll, the button appears, letting them add the item without scrolling back up.

5.4. Maximum Quantity Limit

• If enabled, you can specify a Max Quantity to prevent shoppers from adding beyond that limit.
• Customers see an error notice if they try to exceed this maximum on either the product page or the cart page.

6. Disabling or Uninstalling

6.1. Temporarily Disabling Features

Simply uncheck any feature you don’t want (such as direct checkout or floating button) and save. The plugin will still be active, but those specific functions will be off.

6.2. Fully Deactivating the Plugin

1. In the WordPress admin, go to Plugins.
2. Deactivate Add to Cart Button Master.
3. Choose Delete if you no longer need the plugin and want to remove its files.

You can also delete any leftover options from your database if you wish (those are stored in wp_options under gpcbm_options).

7. FAQ & Conclusion

Q: After adding an item, I'm still on the same page. Why?

Check if you enabled Direct Checkout or Apply Button Styles & Redirection on Product Archive. If both are off, your store follows standard WooCommerce behavior, keeping the user on the same page or redirecting them to the cart only if your theme/other settings do so.

Q: How do I style the button if I disabled the plugin's styling?

You can rely on your theme’s default “Add to Cart” styling or add your own CSS under the Custom CSS field or in your theme’s style file. Toggle off Style Checkout Button to revert to default styling.

Q: I set a max quantity, but customers can still add more. Why?

Ensure Enable Maximum Quantity Limit is checked, and that the max quantity field is a positive number. Also confirm you clicked Save Settings.

Q: Where can I get support?

Visit goalprevail.com for official plugin support info, or email [email protected].

Thank you for using Add to Cart Button Master to enhance your WooCommerce store!