Namkos Progress Bar - 05 Progress Bar Setup & Customization
Learn how to set up and customize the Progress Bar component in Namkos Progress Bar — a sticky bar that appears across your entire Shopify store showing customers their progress toward the goal.
In this tutorial, you'll learn:
How to access the bar editor from your promotion
Content tab: writing messages with dynamic placeholders that auto-update
Using the test slider to preview all three message states
Styling tab: 20+ color templates, custom gradients, typography, and progress track options
Top vs Bottom placement and Fixed vs Scroll behavior
Placement tab: targeting specific pages, collections, or products
Live preview panel with real-time updates
Saving, publishing, and testing on your live store
This bar constantly reminds customers how close they are to their goal on every page they visit. Watch the bar update in real-time as customers add items to their cart.
Namkos Progress Bar helps Shopify merchants boost sales by showing customers how close they are to their goal. Motivate shoppers to add more to their cart with beautiful, customizable progress bars on any page of your store.
Start for free today — no credit card required.
--
TIMESTAMPS:
0:00 - Introduction
0:22 - Accessing the Editor
1:06 - Content Tab: Messages & Placeholders
2:59 - Styling Tab: Colors, Templates & Gradients
5:11 - Placement Tab: Page Targeting
5:58 - Saving & Publishing
6:18 - Testing on Live Store
--
FULL TUTORIAL PLAYLIST — Namkos Progress Bar:
1. Installation & First Look — • Namkos Progress Bar - 01 Installation & Fi...
2. App Status & Enabling App Embed — • Namkos Progress Bar - 02 App Status & Enab...
3. Dashboard Overview — • Namkos Progress Bar - 03 Dashboard Overview
4. Creating Your First Promotion — • Namkos Progress Bar - 04 Creating Your Fir...
5. Progress Bar Component Setup & Customization (this video) — • Namkos Progress Bar - 05 Progress Bar Setu...
6. Product Page Component — • Namkos Progress Bar - 06 Product Page Comp...
7. Cart Page Component — • Namkos Progress Bar - 07 Cart Page Component
8. Upsell Functionality — • Namkos Progress Bar - 08 Upsell Functionality
--
USEFUL LINKS:
Website: https://namkos.com
Shopify App Store: https://apps.shopify.com/namkos-progr...
Support: [email protected]
--
FOLLOW NAMKOS:
YouTube: @NamkosApps
Website: https://namkos.com
#ShopifyApp #ProgressBar #ShopifyTutorial #Ecommerce #ShopifyApps #NamkosProgressBar #IncreaseAOV #ShopifyProgressBar #FreeShippingBar #StickyBar #ShopifyCustomization