Skip to main content

Add Cart Slider to Cart

Ryan Haidinger avatar
Written by Ryan Haidinger
Updated over 3 weeks ago

Overview

This guide will provide a complete walkthrough how to add the Cart Slider button to your cart flow for customers. The Cart Widget can be fully customizable to match your brand including text, logo and basic design options.

If you have any difficulty with the installation and have questions, or prefer our team to handle the installation for you (free same-day service available) - please contact our support team via the Live Chat icon on the bottom right.


Get Started

We recommend to watch our quick (2 min) installation video to help your team get setup:


Installation Steps

This tutorial is split into two parts, including your Shipment Guard account and your Checkout editor within Shopify.

Shipment Guard setup

  • Click Display > Cart Widget

  • Select Cart Slider

  • Click Save

Shopify Checkout setup

Access your Shopify admin panel and follow these instructions:

  • Click Online Store > Themes > Customize (on your live theme)

  • Click App Embeds (on the left mini menu) > Shipment Guard (set to enabled)

  • Select the side arrow to open up settings

  • Select Cart Slider

  • Click Save

Now that the Cart Slider is enabled, next we need to add the app block to your cart page. To better visualize this, we recommend to add a product to your cart in the editor. Follow these steps to handle this process and then add the Cart Slider:

  • At the top of the page, click Products > Default Product > Add to Cart

  • At the top of the page, click Cart

  • Within the left side under Subtotal > click to Add Block

Select the Shipment Guard Order Protection Widget and click & drag it to appear under the Subtotal price.

The Cart Slider will now appear. You can also move it around as needed to better fit the design of your cart.


Advanced

If your store has a slide out cart (often called a Cart Drawer), we also have instructions how to add our Cart Slider to this area as well. This step does require basic technical knowledge of your theme which we cover in our tutorial video.

We recommend to review our watch our tutorial video on adding the Cart Widget to your Shopify theme cart drawer.

Did this answer your question?