How to Set Up a Cart Bottom Banner for Your Store

Add a promotional banner at the bottom of your shopping cart to encourage customers to complete their purchase. This powerful tool can communicate special offers, shipping information, or motivate final purchases.

What is a Cart Bottom Banner?

A cart bottom banner is a customizable promotional message that appears at the bottom of your shopping cart page, just before checkout. It's an ideal place to highlight free shipping offers, last-minute discounts, or important information that might convince customers to finalize their order.

Accessing Cart Bottom Banner Settings

1. Navigate to https://seller-area.youcan.shop/admin
2. Click Store in the left menu
3. Select Theme > Cart Bottom Banner
4. The banner settings form will appear

Enabling the Banner

1. Click the Enable Cart Bottom Banner toggle switch
2. The toggle will turn green/blue when activated
3. Additional options will appear below the toggle

Customizing Banner Content

Banner Text

1. Headline - Enter the main message (e.g., "Free Shipping on Orders Over $50!")
   • Keep it short and attention-grabbing
   • Use a maximum of 1-2 lines
2. Description Text - Add supporting text (optional)
   • Provide more details about the offer
   • Example: "Order now and get free delivery to your door"

Button Configuration

1. Button Text - Customize the call-to-action button
   • Default options: "Shop More", "Continue Shopping", "View Products"
   • Create a custom label if preferred
2. Button Link - Set where the button directs customers
   • Link to a specific product page
   • Link to a collection
   • Link to a promotional page
   • Use full URL (e.g., https://yourstore.youcan.shop/products/new-collection)

Styling Options

Colors

1. Background Color - Choose the banner background color
   • Click the color picker
   • Select from presets or enter hex code
2. Text Color - Choose the headline text color
3. Button Color - Customize the button background color
4. Button Text Color - Set the button text color

Display Options

1. Alignment - Choose left, center, or right alignment
2. Visibility - Select when to show the banner:
   • Always show on cart page
   • Show only for empty carts
   • Show only for specific cart values

Preview Your Banner

1. A live preview appears on the right side of the screen
2. See how the banner will look on your cart page
3. Test the button link by clicking it (in preview mode)
4. Adjust colors and text as needed

Device-Specific Settings

Optimize for different screen sizes:

1. Desktop View - Full-width banner display
2. Mobile View - Responsive banner that fits smaller screens
3. Toggle between views to ensure it looks good on all devices

Publishing Your Banner

1. Review all text, colors, and links
2. Verify the button link is correct
3. Click Save to apply the banner
4. Your cart bottom banner is now live on your store
5. Customers will see it on your shopping cart page

Managing Your Banner

Editing the Banner

1. Return to Store > Theme > Cart Bottom Banner
2. Make desired changes to text, colors, or links
3. Click Save to update
4. Changes appear immediately on your store

Disabling the Banner

1. Click the Enable Cart Bottom Banner toggle to turn it off
2. The banner disappears from your cart page
3. You can re-enable it anytime without losing your settings

Best Practices

• Use compelling language that highlights customer benefits
• Keep text concise and easy to read quickly
• Choose colors that contrast well for readability
• Test the button link to ensure it works correctly
• Update the banner with seasonal promotions
• Monitor conversion rates to optimize effectiveness

Related articles:

• Home Page Settings
• How Can I Modify My Header and Footer Information?
• Product Page Settings