Customise Your WooCommerce Add to Cart Button — Change Text, Colour, and Style Without Any Coding
The “Add to Cart” button is one of the most critical conversion elements on any WooCommerce product page. A button that blends into your theme, uses generic text, or doesn’t stand out visually can silently reduce your conversion rate. This free WooCommerce plugin lets you customise your Add to Cart button — change the button text, button colour, font colour, and border style — directly from the WordPress customiser or plugin settings, without writing a single line of code.
Perfect for WooCommerce store owners who want to improve their store’s conversion rate with a quick, free, no-code solution.
What This Free Plugin Does
- Custom button text — Change “Add to Cart” to any text you prefer: “Buy Now,” “Get Yours,” “Order Today,” “Shop Now,” or any custom phrase in English or other languages
- Button background colour — Change the button background to match your brand colours using a colour picker — no CSS knowledge needed
- Button text/font colour — Independently set the button text colour to ensure readability and brand consistency
- Hover state customisation — Set a different background and text colour when a customer hovers over the button
- Border radius control — Adjust the button’s rounded corners from sharp to fully rounded to match your design system
- Font size adjustment — Increase or decrease button text size for better visibility on mobile and desktop
- Works on all product types — Simple products, variable products, grouped products, and external/affiliate products
- No page builder required — Works with Astra, GeneratePress, OceanWP, Kadence, Divi, Elementor, and all major WooCommerce themes
- Lightweight and fast — Adds no perceptible load time; pure CSS and minimal PHP — no third-party scripts loaded
Who Is This Plugin For?
- WooCommerce store owners who want to improve button visibility and conversion rate without spending money
- eCommerce businesses whose current theme doesn’t allow button customisation through the theme settings
- Developers and designers who want a quick, clean solution for clients without adding heavy page builder dependency
- Stores that want to test different button colours and text as part of A/B conversion rate optimisation
Who Should NOT Use This Plugin?
- Stores requiring complex conditional button logic (e.g., different text per product category, user-role-based buttons) — these require custom development
- Stores already using a premium page builder like Elementor Pro with built-in Add to Cart widget customisation — the builder’s native controls are more powerful
Conversion Rate Impact of Button Optimisation
| Button Element | Poor Practice | Best Practice | Impact |
|---|---|---|---|
| Button text | “Add to Cart” (generic) | “Buy Now” / “Get Yours Today” | +5–15% CTR on button |
| Button colour | Grey, theme default | High-contrast brand colour | Improved visual hierarchy |
| Button size | Small, hard to tap on mobile | Full-width on mobile, large tap target | Reduced mobile drop-off |
| Hover state | No feedback on hover | Colour change confirms clickability | Improved usability signals |
How to Install and Configure
- Download — Download the free plugin ZIP file from this product page
- Install — Go to WordPress Admin → Plugins → Add New → Upload Plugin → Choose the ZIP file → Install Now
- Activate — Click Activate Plugin after installation
- Configure — Go to WooCommerce → Settings → Add to Cart Button (or the plugin’s settings page) to customise text, colours, and styling
- Save and Preview — Save settings and visit any WooCommerce product page to see your customised button
Frequently Asked Questions
Is this plugin completely free?
Yes. This plugin is completely free with no premium upgrade, no upsell, and no credit card required. Download it and use it on any number of your WooCommerce stores without any license restrictions.
Will this plugin slow down my WooCommerce store?
No. The plugin is extremely lightweight — it injects a small amount of CSS and uses a minimal PHP filter. It adds no JavaScript, no external API calls, and no database-heavy queries. The performance impact is negligible (under 1ms page load increase in testing).
Does this work with the latest version of WooCommerce?
Yes. The plugin is tested and maintained for compatibility with the latest stable WooCommerce releases. Check the plugin’s changelog for the latest compatibility status. If you encounter any compatibility issues after a WooCommerce update, contact us via the support form and we’ll address it promptly.
Can I set different button text for different products?
The free version applies global settings across all products. For per-product custom button text (e.g., “Reserve Now” for pre-order products, “Download Free” for digital products), you would need custom code or a premium solution. Contact us if you need this level of customisation — we offer WooCommerce development services.
Does this work on the WooCommerce shop page and category pages?
Yes. The button text and style changes apply to the Add to Cart button on product pages, the shop page, category pages, and anywhere else WooCommerce renders the button — unless your theme overrides the button template. If your theme uses a custom button template, minor adjustments may be needed — contact us for guidance.
Will this affect my WooCommerce mini-cart or cart page?
The plugin customises the Add to Cart button only — the button that adds products to the cart on product listing and product detail pages. It does not modify the cart page, checkout page, or any other part of the WooCommerce flow.
Does this plugin support multilingual WooCommerce stores (WPML, Polylang)?
Button text set through the plugin settings can be translated using WPML’s string translation feature or Polylang. The colour and styling settings apply globally across all languages. For fully multilingual button customisation, contact us for development support.
Is support available for this free plugin?
Basic support (compatibility questions, installation guidance) is available via our support form. For custom development requirements beyond the plugin’s functionality, we offer paid WooCommerce development services — see our Premium WooCommerce Store Development Service.
Need a Complete WooCommerce Store Built Professionally?
This free plugin is a small taste of what we do for WooCommerce stores. If you’re looking for a complete, professionally built WooCommerce store, our development services cover everything from design to launch.
- Premium WooCommerce Store Development — Complete custom WooCommerce store build (₹95,100)
- Premium Shopify Store Development — Premium Shopify store design and build (₹71,400)
- Custom PrestaShop Store Development — For complex catalogues and multi-language stores (₹71,400)
- Google Shopping Setup — Connect your store to Google Shopping (₹19,000)
