Step 1: Access the Slide Cart app
Open the Kefi Slide Cart app.
On the left sidebar, you will see multiple sections (Cart appearance, cart features). Click on each section to customize the cart.
Changes you make will reflect in real time on the preview panel on the right side of the screen
Step 2: Customize cart appearance
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
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
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
Once you've configured all sections, click the Save button and change the status to “Enable”.
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.
Email: [email protected]