Slide to Add-to-Cart Template

Slide to Add-to-Cart Template leads users to add products into their carts. It makes purchasing easier since users need no scrolling.

How to create it

To create a campaign with the Scratch Coupon 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 Conversion Rate.

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

4. After your selection, you will see the template on your website in Preview mode of the Action Builder. Slide to Add-to-Cart is an on-page template. It is located at the bottom of your website, you can change its position. 

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

The template comes with text, cart image and cart amount by default. If you want to hide the cart count, disable Show Cart Count toggle under Settings. You can change its style and add animations for opening and closing.

You can configure elements separately. For the slider area, you can change its style and text and put a link. It has a shimmer effect by default, you can disable its toggle under Settings. 

You can change the style of the Add-to-Cart button and Cart Count elements. You can upload an image; the recommended size is 40 x 40 px.

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

Use Cases

By using Slide to Add-to Cart template, you can

• Encourage users finalize the purchase.
• Create an alternative and easy-to-reach add-to-cart button.