Countdown Timer Bar
Oxify Countdown Timer - Complete User Guide
📋 Table of Contents
- Getting Started
- Creating Your First Countdown Timer
- Timer Types Explained
- Sales Popup Features
- Analytics & Tracking
- Advanced Settings
- Troubleshooting
- Best Practices
🚀 1. GETTING STARTED
What is Oxify Countdown Timer?
Oxify Countdown Timer is a powerful Shopify app that helps you create urgency and boost sales by displaying countdown timers on your store. These timers can show:
- Limited-time offers
- Flash sales countdowns
- Product launch timers
- Cart abandonment urgency
- Daily recurring promotions
First Time Setup
- Install the App: Go to your Shopify admin → Apps → App Store → Search "Oxify Countdown Timer"
- Connect Your Store: Click "Install" and authorize the app
- Access the Dashboard: You'll be taken to the main dashboard showing your timer overview
Understanding the Dashboard
- Total Countdown Timers: Shows all timers you've created
- Active Countdown Timers: Currently running timers
- Draft Countdown Timers: Timers saved but not published
- Theme Store App Embed: Shows if the app is properly embedded in your theme
⏰ 2. CREATING YOUR FIRST COUNTDOWN TIMER
Step 1: Choose Timer Type
Click "Create a new timer" on the dashboard. You'll see 4 timer types:
A. Product Page Timer
- Best for: Individual product promotions
- Where it appears: On specific product pages
- Use cases: Flash sales, limited stock alerts, product launch countdowns
B. Top/Bottom Bar Timer
- Best for: Store-wide announcements
- Where it appears: Top or bottom of any page
- Use cases: Site-wide sales, shipping deadlines, general promotions
C. Landing Page Timer
- Best for: Collection pages and landing pages
- Where it appears: On collection/landing pages
- Use cases: Collection-specific sales, seasonal promotions
D. Cart Page Timer
- Best for: Cart abandonment recovery
- Where it appears: On cart page
- Use cases: Urgency to complete checkout, shipping cutoffs
Step 2: Configure Content (Content Tab)
After selecting timer type, you'll configure the content:
Basic Information
- Timer Name: Internal name (only you see this)
- Title: Main headline (e.g., "Flash Sale!")
- Subheading: Supporting text (e.g., "Sale ends in:")
- Timer Labels: Customize "Days", "Hours", "Minutes", "Seconds"
Timer Type Selection
Choose how your timer works:
Option 1: Countdown to a Date
- Set a specific end date and time
- Perfect for: Flash sales, product launches, seasonal events
- Example: "Sale ends December 25th at 11:59 PM"
Option 2: Fixed Minutes
- Timer counts down from a set number of minutes
- Automatically repeats when it reaches zero
- Perfect for: Urgency timers, limited-time offers
- Example: "Offer expires in 30 minutes"
Option 3: Daily Recurring Timer
- Runs at the same time every day
- Perfect for: Daily deals, happy hour promotions
- Example: "Daily Flash Sale: 2 PM - 4 PM"
Call to Action (CTA)
- Button Text: What your button says (e.g., "Shop Now", "Get 50% Off")
- Button URL: Where the button leads (product page, collection, etc.)
- Make Entire Bar Clickable: Option to make the whole timer clickable
Step 3: Design Your Timer (Design Tab)
Make your timer look professional and on-brand:
Templates
Choose from pre-designed templates or create custom designs:
- Basic: Simple, clean design
- Card: Timer in a card format
- Custom: Full control over styling
Colors & Backgrounds
- Single Color: Solid background color
- Gradient: Two-color gradient background
- Background Image: Upload your own image (512x512px recommended)
Typography
Customize fonts, sizes, and colors for:
- Title text
- Subheading text
- Timer numbers
- Timer labels (Days, Hours, etc.)
Styling Options
- Border Radius: Round the corners
- Border: Add borders with custom colors
- Spacing: Control padding and margins
- Position: Top or bottom of page
- Sticky Bar: Always visible while scrolling
Step 4: Set Placement Rules (Placement Tab)
Control where your timer appears:
For Product Page Timers
- All Products: Show on every product page
- Specific Products: Choose individual products
- Product Collections: Show on products in specific collections
- Product Tags: Target products with specific tags
For Top/Bottom Bar Timers
- Every Page: Show on all pages
- Home Page Only: Only on homepage
- Specific Pages: Choose page types (collections, products, etc.)
Geolocation Targeting
- Whole World: Show to all visitors
- Specific Countries: Target certain countries only
Step 5: Advanced Settings
Fine-tune your timer behavior:
Timer Behavior
- Hide Days: Remove days from display (show only hours/minutes/seconds)
- Z-Index: Control layering with other elements
- Close Button: Allow users to close the timer
What Happens When Timer Ends
- Hide Timer: Timer disappears
- Show Custom Message: Display a custom message
- Repeat Countdown: Start over (for fixed minutes)
- Delete Cart Items: Clear cart when timer expires
🎯 3. TIMER TYPES EXPLAINED IN DETAIL
Product Page Timers
Perfect for: Individual product promotions
Setup Process:
- Choose "Product Page" timer type
- Set your countdown (date, fixed minutes, or recurring)
- Choose which products to target
- Design your timer
- Publish
Best Practices:
- Use for limited stock alerts
- Create urgency for high-value items
- Match timer design to product aesthetic
- Test on mobile devices
Example Use Cases:
- "Only 3 left in stock - Order within 2 hours!"
- "Flash Sale: 50% off ends in 24 hours"
- "Pre-order closes in 5 days"
Top/Bottom Bar Timers
Perfect for: Store-wide announcements
Setup Process:
- Choose "Top/Bottom Bar" timer type
- Set your countdown
- Choose page placement (all pages, homepage, etc.)
- Design your bar
- Publish
Best Practices:
- Keep text concise for mobile
- Use high-contrast colors
- Make the entire bar clickable
- Test on different screen sizes
Example Use Cases:
- "Free shipping ends in 2 hours"
- "Black Friday: 40% off everything - 3 days left"
- "New arrivals - Limited time offer"
Landing Page Timers
Perfect for: Collection-specific promotions
Setup Process:
- Choose "Landing Page" timer type
- Set your countdown
- Choose which collections to target
- Design your timer
- Publish
Best Practices:
- Align with collection theme
- Use collection-specific messaging
- Consider seasonal timing
- Test on different collection pages
Example Use Cases:
- "Summer Collection: 30% off - 1 week left"
- "Holiday Sale: 2 days remaining"
- "New Arrivals: Early bird pricing ends tomorrow"
Cart Page Timers
Perfect for: Cart abandonment recovery
Setup Process:
- Choose "Cart Page" timer type
- Set your countdown (usually short - 15-30 minutes)
- Design your timer
- Publish
Best Practices:
- Use short timeframes (15-60 minutes)
- Create strong urgency
- Offer incentives (free shipping, discount)
- Make CTA prominent
Example Use Cases:
- "Complete your order in 20 minutes for free shipping"
- "Your cart expires in 15 minutes"
- "Flash sale pricing expires in 30 minutes"
🎪 4. SALES POPUP FEATURES
What are Sales Popups?
Sales popups are promotional overlays that appear on your store to capture attention and drive conversions. They're separate from countdown timers but work great together.
Creating Sales Popups
- Access Sales Popups: From the main dashboard, click "Sales Popups"
- Create New Popup: Click "Create New Popup"
- Configure Components: Add text, images, buttons, countdown timers
- Set Design: Choose colors, fonts, layout
- Set Targeting: Choose when and where popups appear
- Schedule: Set start/end times
- Publish: Make your popup live
Popup Components
- Text Blocks: Headlines, descriptions, announcements
- Images: Product photos, promotional graphics
- Buttons: Call-to-action buttons with custom styling
- Countdown Timers: Embedded countdown timers
- Forms: Email capture, newsletter signup
Popup Targeting
- Page Targeting: Show on specific pages
- User Behavior: Trigger based on user actions
- Time-based: Show at specific times
- Geographic: Target specific locations
- Device: Mobile vs desktop targeting
Popup Scheduling
- Immediate: Show right away
- Scheduled: Set specific start/end times
- Recurring: Daily, weekly, or custom schedules
- Frequency: Control how often users see popups
📊 5. ANALYTICS & TRACKING
Understanding Your Analytics
The app tracks important metrics to help you optimize your timers:
Key Metrics
- Page Views: How many times timers were displayed
- Interactions: User engagement with timers
- Conversions: Sales attributed to timers
- Timer Performance: Which timers work best
Analytics Dashboard
Access analytics from the main dashboard:
- Click "Analytics" in the navigation
- View your funnel analytics
- See countdown-specific metrics
- Track timer performance by type
- Monitor conversion rates
What Gets Tracked
- Timer Views: When timers are displayed
- User Interactions: Clicks, hovers, engagement
- Conversions: Purchases after seeing timers
- Page Types: Which pages perform best
- Timer Types: Which timer styles work best
Using Analytics to Improve
- A/B Testing: Test different timer designs
- Timing Optimization: Find best times to show timers
- Message Testing: Try different headlines and CTAs
- Placement Testing: Test different page positions
⚙️ 6. ADVANCED SETTINGS
Timer Scheduling Options
End Date Timers
- Right Now: Timer starts immediately
- Scheduled Start: Set a future start time
- Custom End Time: Choose exact end date/time
Fixed Minutes Timers
- Duration: Set how many minutes (15, 30, 60, etc.)
- Repeat Behavior: What happens when timer ends
- Reset Options: Automatic restart or manual reset
Recurring Timers
- Days of Week: Choose which days to run
- Start Time: When timer begins each day
- End Time: When timer ends each day
- Date Range: Set overall start/end dates
Geolocation Targeting
- Whole World: Show to all visitors
- Specific Countries: Target certain countries
- Exclude Countries: Hide from specific locations
- IP-based Detection: Automatic location detection
Advanced Timer Settings
- Z-Index Control: Layer timers properly
- Hide Days: Remove days from display
- Close Button: Let users dismiss timers
- Mobile Optimization: Ensure mobile compatibility
Custom Positioning
- App Blocks: Use theme editor for precise placement
- Code Snippets: Add custom HTML/CSS
- Timer IDs: Reference specific timers
- Theme Integration: Work with your theme's design
🔧 7. TROUBLESHOOTING
Common Issues and Solutions
Timer Not Showing
Possible Causes:
- Timer not published
- Placement rules too restrictive
- Theme compatibility issues
- Cache problems
Solutions:
- Check if timer is published (green status)
- Verify placement settings
- Clear browser cache
- Test in incognito mode
- Check theme compatibility
Timer Appears in Wrong Location
Possible Causes:
- Incorrect placement settings
- Theme conflicts
- CSS positioning issues
Solutions:
- Review placement tab settings
- Check theme editor app blocks
- Adjust z-index settings
- Contact theme developer
Timer Not Counting Down
Possible Causes:
- JavaScript errors
- Theme conflicts
- Browser compatibility
- Timer settings issues
Solutions:
- Check browser console for errors
- Test in different browsers
- Verify timer settings
- Contact support
Mobile Display Issues
Possible Causes:
- Responsive design problems
- Font size issues
- Layout conflicts
Solutions:
- Test on actual mobile devices
- Adjust mobile font sizes
- Check responsive settings
- Use mobile preview
Getting Help
- Documentation: Check this guide first
- Support: Contact through the app
- Community: Join user forums
- Updates: Keep app updated
💡 8. BEST PRACTICES
Timer Design Best Practices
Visual Design
- High Contrast: Ensure text is readable
- Mobile First: Design for mobile screens
- Brand Consistency: Match your store's style
- Clear Typography: Use readable fonts
- Appropriate Colors: Choose colors that stand out
Content Best Practices
- Clear Messaging: Be specific about the offer
- Urgency Language: Use words like "limited time", "hurry"
- Value Proposition: Explain the benefit
- Call to Action: Use action-oriented button text
- Honest Timing: Don't use fake urgency
Timing Best Practices
- Realistic Deadlines: Use actual time constraints
- Appropriate Duration: Not too short, not too long
- Peak Hours: Show during high-traffic times
- Seasonal Relevance: Match your business calendar
- Customer Behavior: Align with shopping patterns
Sales Strategy Best Practices
Creating Urgency
- Scarcity: Limited quantity or time
- Social Proof: "Join 1,000+ customers"
- Exclusivity: "Members only" or "VIP access"
- Deadlines: Real time constraints
- FOMO: Fear of missing out
Conversion Optimization
- Clear Value: Make the benefit obvious
- Easy Action: Simple, one-click process
- Trust Signals: Security badges, guarantees
- Social Proof: Reviews, testimonials
- Risk Reduction: Free returns, guarantees
Testing and Optimization
- A/B Testing: Test different designs
- Message Testing: Try different headlines
- Timing Tests: Different start/end times
- Placement Tests: Different page positions
- Color Tests: Different color schemes
Technical Best Practices
Performance
- Lightweight Design: Don't slow down your site
- Mobile Optimization: Fast loading on mobile
- Browser Compatibility: Works across browsers
- Theme Integration: Seamless with your theme
- Cache Considerations: Works with caching
SEO Considerations
- Non-Intrusive: Don't hurt user experience
- Fast Loading: Maintain page speed
- Mobile Friendly: Google mobile-first indexing
- Accessibility: Screen reader compatible
- User Experience: Positive impact on UX
🎯 QUICK START CHECKLIST
For Your First Timer:
□ Choose timer type (Product Page recommended for beginners)
□ Set a realistic end date (24-48 hours from now)
□ Write clear, urgent headline
□ Choose high-contrast colors
□ Set to show on all products
□ Test on mobile device
□ Publish and monitor performance
For Your First Sales Popup:
□ Create simple popup with headline and CTA
□ Set to show on homepage
□ Use 10-15 second delay
□ Make it easy to close
□ Test on different devices
□ Monitor conversion rates
For Analytics:
□ Check analytics after 24 hours
□ Look for high-performing timers
□ Test different designs
□ Optimize based on data
□ Scale successful campaigns
📞 SUPPORT & RESOURCES
Getting Help
- In-App Support: Use the support chat in the app
- Documentation: This guide and online docs
- Video Tutorials: Check the tutorial section
- Community: Join user groups and forums
Staying Updated
- App Updates: Keep the app updated
- Feature Releases: Check for new features
- Best Practices: Follow industry updates
- Training: Take advantage of training resources
Success Tips
- Start Simple: Begin with basic timers
- Test Everything: Always test before going live
- Monitor Performance: Watch your analytics
- Iterate and Improve: Continuously optimize
- Stay Consistent: Maintain brand consistency
🎉 CONCLUSION
Oxify Countdown Timer is a powerful tool for creating urgency and boosting sales. Start with simple timers, test different approaches, and use analytics to optimize your results. Remember to always provide real value to your customers and use timers ethically to create genuine urgency.
For additional help, refer to the in-app documentation or contact support through the app interface.
Happy selling! 🚀
Updated on: 23/10/2025
Thank you!