Customize in real time with Live Preview for Keep & Share Your Cart

New features

Jun 12, 26

Customize in real time with Live Preview for Keep & Share Your Cart

At Code Black Belt, we want your store management to be fast and visual. This month, we’ve rolled out a major update designed to save you time and remove the guesswork when configuring your store.

From quicker setups to seeing your changes instantly, these improvements are built to help merchants work with more confidence and clarity.

New for Keep & Share Your Cart: Visual Styles Live Preview

Stop saving, refreshing, and hoping for the best. To help you perfect your store's social sharing look, Keep & Share Your Cart now includes an interactive Live Preview directly inside the app preferences.

Instead of jumping back and forth between your Shopify admin and your storefront to check your design edits, you can now see exactly how the sharing widget looks in real time as you adjust its style.

The new Live Preview is located right on the right side of the Visual styles page, using sample data to show you the final result instantly.

Visual styles page

What you can preview and adjust on the fly:

  • Text & typography: See your customized widget title, header options, and default sharing messages exactly as your customers will see them.

  • Layout & alignment: Test whether a left, center, or right alignment fits your store layout best.

  • Icon styling: Review the layout, scale, and positioning of your social sharing icons by changing their size and style dynamically.

  • Color schemes: Keep the classic brand colors for social icons, or completely customize the fill and background colors to match your theme.

The Live Preview brings your design workflow into a single screen. By showing you how your settings affect the widget before you hit save, it gives you a clear way to publish updates without making mistakes.

Learn more

For additional information, check out our step-by-step article:

Article: How the Keep & Share Your Cart Live Preview works

─────────────────────────────────────────

Thank you for being part of the Code Black Belt story. Together, we will build better, more innovative solutions for Shopify merchants worldwide.

If you would like to know more about our apps, or if you have any questions, feel free to reach out! We’re here to help you succeed.

You might also like

New for Shipping Rates Calculator Plus: Live preview for the widget and free shipping bar
New for Shipping Rates Calculator Plus: Live preview for the widget and free shipping bar
New features

Jun 15, 26

Code Black Belt June Updates: Built for Shopify renewals, new live previews, and API alignment
Code Black Belt June Updates: Built for Shopify renewals, new live previews, and API alignment
Newsletter

Jun 12, 26

Introducing Live Preview for Also Bought
Take the guesswork out of recommendations: Introducing Live Preview for Also Bought
New features

Jun 12, 26

Code Black Belt May Updates: Direct admin access, graphQL migration, and new live previews
Code Black Belt May Updates: Direct admin access, graphQL migration, and new live previews
Newsletter

May 07, 26

Code Black Belt April Updates: New Dashboards, Real-Time Performance Charts, and Enhanced Manual Controls
Code Black Belt April Updates: New Dashboards, Real-Time Performance Charts, and Enhanced Manual Controls
Newsletter

Apr 15, 26

Increase your conversion rate with combinable discounts
Increase your conversion rate with combinable discounts
New features

Mar 10, 26

Code Black Belt March updates: New analytics, shopify managed installs, and 2025 milestones
Code Black Belt March updates: New analytics, shopify managed installs, and 2025 milestones
Newsletter

Mar 10, 26

Match your brand perfectly: New checkbox color customization
Match your brand perfectly: New checkbox color customization
New features

Mar 09, 26

Track how customers engage with Keep & Share Your Cart
Track how customers engage with Keep & Share Your Cart
New features

Mar 09, 26

Code Black Belt February updates: Improved analytics, combinable discounts, and lighter scripts
Code Black Belt February updates: Improved analytics, combinable discounts, and lighter scripts
Newsletter

Feb 13, 26

Code Black Belt January updates: New annual plans, live previews, and smarter shipping rates
Code Black Belt January updates: New annual plans, live previews, and smarter shipping rates
Newsletter

Feb 03, 26

CBB - Get more news, updates, and tips!
Code Black Belt December updates: Holiday conversion tips, reverse recommendations, and the new ‘What’s New’ section
Newsletter

Feb 03, 26

CBB - More news, updates, and tips.
Code Black Belt November updates: BFCM readiness, milestone reviews, and new theme compatibility
Newsletter

Feb 03, 26

Customize Frequently Bought Together with live preview
Customize Frequently Bought Together with live preview
New features

Jan 12, 26

Introducing Reverse Relationships: Replicate Recommendations Instantly
Introducing reverse relationships: Replicate recommendations instantly
New features

Dec 10, 25

Introducing the ‘What’s New’ Section: Your Easiest Way to Stay Updated
Introducing the ‘What’s New’ section: Your easiest way to stay updated
New features

Dec 10, 25

Get your store ready for the holiday rush
Get your store ready for the holiday rush
Tips & tricks

Dec 09, 25

New real-time preview for Video Background
New real-time preview for Video Background
New features

Nov 19, 25

Introducing the new live preview for Add To Cart Anywhere
Introducing the new live preview for Add To Cart Anywhere
New features

Nov 18, 25

Smart combinations for Shopify success: How to build a store that brings conversions
Smart combinations for Shopify success: How to build a store that brings conversions
BFCM

Nov 11, 25

WCAG improvements for Frequently Bought Together and Also Bought
WCAG improvements for Frequently Bought Together and Also Bought
New features

Nov 11, 25

Code Black Belt October updates: Smarter recommendations, preconfigured themes, and better analytics
Code Black Belt October updates: Smarter recommendations, preconfigured themes, and better analytics
Newsletter

Oct 15, 25

Track how customers engage with Keep & Share Your Cart
Track how customers engage with Keep & Share Your Cart
New features

Oct 13, 25

Add to Cart Anywhere stats: Turn data into action
Add to Cart Anywhere stats: Turn data into action
New features

Oct 10, 25

Market-specific translations available in Also Bought
Market-specific translations available in Also Bought
New features

Oct 07, 25

New recently viewed recommendations in Also Bought
New recently viewed recommendations in Also Bought
New features

Oct 01, 25

Best Shopify shipping apps for 2025
Best Shopify shipping apps for 2025
Tips & tricks

Sep 29, 25

Code Black Belt September updates: Renewed apps, video previews, and smarter discount stacking
Code Black Belt September updates: Renewed apps, video previews, and smarter discount stacking
Newsletter

Sep 15, 25

Code Black Belt August updates: New currencies, trending apps, and Shopify improvements
Code Black Belt August updates: New currencies, trending apps, and Shopify improvements
Newsletter

Aug 15, 25

Code Black Belt July updates: New features, Built for Shopify reviews, and a fresh design
Code Black Belt July updates: New features, Built for Shopify reviews, and a fresh design
Newsletter

Jul 15, 25

How to share carts & drive sales via social or email
How to share carts & drive sales via social or email
Tips & tricks

Jul 09, 25

Code Black Belt June updates: AI assistant, new features, and Built for Shopify reviews
Code Black Belt June updates: AI assistant, new features, and Built for Shopify reviews
Newsletter

Jun 15, 25

How to add and manage products in your shopify store
How to add and manage products in your shopify store
How to

Jun 11, 25

Shopify BFS badge: Why it matters & how to earn it
Shopify BFS badge: Why it matters & how to earn it
How to

May 15, 25

Code Black Belt May updates: AI Assistant in Keep & Share Your Cart, Built for Shopify progress, and trending apps
Code Black Belt May updates: AI Assistant in Keep & Share Your Cart, Built for Shopify progress, and trending apps
Newsletter

May 15, 25

Code Black Belt April updates: New badges, trending apps, and our app of the month
Code Black Belt April updates: New badges, trending apps, and our app of the month
Newsletter

Apr 15, 25

Code Black Belt March updates: Discount permissions, Translation API, and new partnerships
Code Black Belt March updates: Discount permissions, Translation API, and new partnerships
Newsletter

Mar 15, 25

Code Black Belt February updates: Multi-lingual support and app of the month
Code Black Belt February updates: Multi-lingual support and app of the month
Newsletter

Feb 15, 25

Code Black Belt January updates: 2024 results and our app of the month
Code Black Belt January updates: 2024 results and our app of the month
Newsletter

Jan 15, 25

Code Black Belt December updates: New features, BFCM insights, and our app of the month
Code Black Belt December updates: New features, BFCM insights, and our app of the month
Newsletter

Dec 15, 24

Code Black Belt November updates: Stay BFCM-ready with new features
Code Black Belt November updates: Stay BFCM-ready with new features
Newsletter

Nov 15, 24

Code Black Belt October updates: New features, badges, and more
Code Black Belt October updates: New features, badges, and more
Newsletter

Oct 15, 24

Welcome to our blog
Welcome to our blog
Newsletter

Sep 15, 24