Would you like your add-to-cart buttons to catch the shopper’s eye? The Animated Add to Cart module in Merchant enhances your buttons with subtle motion effects, drawing attention to the most important action on a product page and nudging customers toward a purchase.
In this guide, we’ll walk you through how to set up the Animated Add to Cart module in Merchant.
Before you get started, make sure you’ve installed and activated the Merchant plugin on your WordPress site. If you’re using premium modules, ensure you have Merchant Pro installed and active.
Here’s what an add-to-cart button animated with the swing effect looks like on the catalog page of a WooCommerce store:
1. Open the Animated Add to Cart module
Open your Merchant dashboard by clicking the Merchant menu in the left sidebar of your WordPress admin area. In the Convert More section, click the Animated Add to Cart module to open its settings page.
2. Configure your animation
Use the options on the module page to set up your animation. In the Settings section, choose whether to trigger the animation on mouse hover or on page load.
In the Animation section, pick from 10 animation styles, including flash, bounce, zoom in, shake, pulse, jello shake, wobble, vibrate, swing, and tada.
Once the settings are configured, click the Save button in the top-right corner of the page.
3. Enable the Animated Add to Cart module
When everything looks right, click the Enable button to activate the module on your store.
That’s it! You’ve successfully set up the Animated Add to Cart module in Merchant to add eye-catching motion to your add-to-cart buttons.
Next, would you like to fine-tune the buttons themselves? Check out our guide on customizing your add to cart text to learn more.
