Skip to main content
All CollectionsSlide Cart
How to Create a Slide cart
How to Create a Slide cart

The Kefi Slide Cart app allows you to customize your cart experience, improve conversions, and offer special promotions directly from the cart drawer. This guide will help you create and customize your Slide Cart step by step.

priyanshu agrawal avatar
Written by priyanshu agrawal
Updated this week

Step 1: Access the Slide Cart app

  1. Open the Kefi Slide Cart app.

  1. On the left sidebar, you will see multiple sections (Cart appearance, cart features). Click on each section to customize the cart.

  1. Changes you make will reflect in real time on the preview panel on the right side of the screen

Step 2: Customize cart appearance

  1. Go to the Design tab to modify how your cart looks.

2. Adjust the following settings:
General settings

  • Background color – Set the background color for the entire cart.

  • Cart width – Choose the cart size (Standard is the default).

  • Inherit fonts from Theme – Toggle this option to match your store’s font style.

3. Header settings

  • Background Color, Title color, Quantity color, Close button color can be adjusted

  • Height – Set the height of the header (Medium is the default).

4. Footer settings

  • All these colors can be changed: Primary Text Color , Secondary Text Color, Background Color, Button Background Color, Button Text Color, Button Hover Background Color, Button Hover Text Color

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

Step 3: Set cart position

  1. Go to the Positions tab to control where features appear in the cart.

2. You can customize the placement of these features:

  • Announcement – Display special messages or countdown timers.

  • Rewards – Show rewards progress to encourage larger purchases.

  • Products – Customize how product listings are shown.

  • Upsells – Display recommended products directly in the cart.

Step 4: Enable and configure cart features

  1. Rewards

    • Go to the Rewards tab and click "Activate" to enable.

  • Reward basis – Set how rewards are calculated (e.g., Cart Total).

  • Show rewards on empty cart – Choose whether to display rewards when no items are in the cart.

  • Add reward tiers – Create multiple reward levels with these options:

    • Reward type (Discount, Free Gift, etc.)

    • Discount value (e.g., 10% off)

    • Minimum amount (Cart value required to unlock the reward)

    • Progress bar colors – Customize background and progress colors.

2. Upsells

  • Go to the Upsells tab and click "Activate."

  • Upsell product – Choose AI Recommendations or Manual Upsells.

  • Upsell layout – Select how upsells are displayed (e.g., Horizontal Carousel View).

  • Restrict upsell quantity – Limit how many upsell offers are shown.

  • Customize the title, product background, button and text colors to match your store.

3. Announcements

  • Enable announcements by clicking Activate in the Announcements tab.

  • Add an snnouncement text (e.g., "Your products are reserved for {timer} minutes!").

  • Use {timer} to show a live countdown.

  • Customize timer duration, background, and text colors.

4. Discounts

  • Activate discounts under the Discounts tab.

  • Set the Discount title (e.g., "Apply Discount Code").

  • Customize the placeholder, button text, and color styles.

5. Additional notes

  • Enable the Additional Notes section for customer input.

  • Set a placeholder text (e.g., "Add a note to your order").

  • Customize the button text and design.

6. Additional products

  • Enable Shipping Protection or Gift Wrapping options.

  • Set product descriptions and prices using {price} for dynamic values.

Step 5: Save and activate the Slide cart

  1. Once you've configured all sections, click the Save button and change the status to “Enable”.

  2. Ensure that each feature (Rewards, Upsells, Announcements, etc.) is activated.

🎉 Congratulations! Your Kefi Slide Cart is now live.

For further assistance or to explore creative ways to use this feature, feel free to contact us:

Live Chat: Available via the Kefi Slide Cart app or website.

Did this answer your question?