Floating Cart Template

Floating Cart is an on-page template that shows customers the total number of items in their carts (cart count) and/or subtotal cost of the items in their carts (cart amount). It reminds your users of the basket amount when they add something to their basket, therefore it helps you increase cart page visits and completion of purchase.

How to create it

To create a campaign with the Floating Cart 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 Decrease Cart Abandonment Rate.

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. Floating Cart is an on-page template. It is located at the bottom of your website by default, you can change its position.5. You can proceed with designing your template in the Design mode. 

On the Floating Cart template, you can enable to display cart amount, cart count, or both under Settings.

Since it is expanded when clicked, you can also customize checkout button element. You can adjust its style and text and redirect your users to finalize their purchase with the link you provided here.

You can also change the style and text settings of cart button and cart count elements. You can upload an image for the Cart Button. The recommended size is 35x35 px. We suggest you to make them in harmony with your website.

6. Once you finalize your design, click the Save button and proceed with the rest of your campaign.

Use Cases

Together with Floating Cart, you can

• Keep your users' attention on their cart to direct them to cart and make purchases successfully.
• Increase add to cart rates and cart page visits.