Back To Top

The Back to Top extension adds a convenient button that allows visitors to quickly return to the top of the page. It is especially useful for long pages that require a lot of scrolling.

Note: After installing and configuring the extension, the Back to Top button will automatically appear on your published pages. This extension is available on all EComposer paid plans. [Upgrade now to unlock]

1. How to install the Back To Top extension?

Step 1: From your EComposer dashboard, select CRO Extensions in the left sidebar.
Step 2: Search for the Back To Top extension.
Step 3: Click Details to view the extension information, then select Install extension to add it to your store.

Notice: The extension only work on the live page

2. Configuring the extension

There are several settings available to customize the Back to Top extension:

• Enable: Turn the extension on or off.

• Show on: Choose All to display the Back to Top button across the entire store, or choose Custom and use Specific custom to select the exact page types and pages where it will appear.

• Position: Choose where the Back to Top button and its label will appear on the page, then fine-tune the placement using the Vertical position and Horizontal position settings.

• Width and Height: Adjust the overall size of the Back to Top button container.

• Icon and Icon size: Select the button icon and adjust its display size.

• Label and Typography: Add custom label text and adjust its typography for both Normal and Hover states.

• Icon Color/Button Color: Customize the icon and button colors for both Normal and Hover states.

• Enable progress indicator: Show a scroll progress indicator around the Back to Top button, then customize the progress tracker background and scroll progress line colors.

• Border Radius: Adjust the roundness of the button corners.

Note: The Specific custom setting is only available when Show on is set to Custom, and the Back to Top extension also works on pages created with your Shopify theme.

3. Frequently Asked Questions

3.1. Can I display the Back To Top button on specific pages only?

Yes. In the Show on setting, select Custom, then use Specific custom to choose the exact pages where you want the button to appear.

Notice: The Specific custom option only works when Show on is set to Custom.

3.2. Can the Back To Top extension work on Shopify theme pages?

Yes. The extension can appear on both EComposer pages and pages created with your Shopify theme, depending on your display settings.

3.3. Why is the Back To Top button not showing on my page?

Please check the following:

• Make sure the Back To Top extension has been installed.
• Confirm that the extension is enabled.
• Verify that the current page is included in the Show on settings.
• The page must be long enough to require scrolling before the button becomes visible.