Want to help shoppers get back to the top of a long page in one click? Merchant’s Scroll to Top Button module adds a button that returns customers to the top of the page instantly.
In this guide, we’ll walk you through how to set up and enable the Scroll to Top Button 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.
You can see an example of a scroll to top button added by Merchant in the bottom-right corner of the screenshot below:
Open the Scroll to Top Button module
Open your Merchant dashboard by clicking the Merchant menu in the left sidebar of your WordPress admin area.
Under the Improve Experience heading, click the Scroll to Top Button module to open its settings page:
Configure the module’s settings
The Scroll to Top Button module has three groups of settings:
- Settings for Desktop – Set what your button looks like on desktop devices such as laptops, monitors, and larger screens. Choose an icon, display a short text explanation next to the icon, configure the visibility settings, and more.
- Settings for Mobile – Configure the side and bottom offsets of the scroll to top button on mobile devices.
- Style Settings – Customize the design of the button, including the size, padding, color, and other style values of the icon.
Once the settings are configured, click the Save button in the top-right corner of the page.
Enable the module
If you’re happy with the design of your scroll to top button, click the Enable button to activate the module:
Frequently asked questions
Below, we’ve answered some of the most common questions about the Scroll to Top Button module in Merchant.
Can I use different settings on mobile and desktop?
Yes. The module has separate Settings for Desktop and Settings for Mobile, so you can configure the button’s look and offsets for each.
Can I add text next to the icon?
Yes. In the desktop settings, you can display a short text explanation next to the icon along with choosing the icon itself.
That’s it! You’ve successfully set up and enabled the Scroll to Top Button module in Merchant to help shoppers navigate long pages.
Next, would you like to help shoppers find products faster? Check out our guide on Real-Time Search to learn more.
