Back to Top Template

Back to top button helps your users easily scroll back to the top of the page. It makes the navigation experience on your website better and smooth. It will allow your users move easily on long pages and therefore it will increase conversion rates accordingly. 

How to create it

To create a campaign with the Back to Top template, navigate to Experience > Optimize > Web Templates.

1. Click the Create button, name your campaign, and click the Next button.

2. You will land on the Template Library. You can search for the template or find it under Increase Engagement.

3. When you click on the template, you will see the available platforms, its default preview, description, and its elements. Click Use For {The platform} to proceed.

4. After your selection, you will see the template on your website in Preview mode of the Action Builder. Back-to-top is an on-page template. By default, it is located in the middle of the page. You can change its size and position.

5. You can proceed with designing your template in the Design mode. 

The template will appear with button by default. If you wish to use text, you can enable Text toggle and adjust its style. Click + (plus) button if you want to add animations to your template.

You can configure the button when you click its element. You can change the view of the arrow, and style under Settings. We suggest you to change its color in harmony with your website. If you wish to draw more attention to it, you can upload an image too.Once you finalize your design, click Save and proceed with the rest of your campaign.

Use Cases

Together with Back to Top, you can

• Ease the navigation experience, especially on long pages.
• Improve user experience.
• Make product listing pages more effective.
• Increase conversion rate.