Materia Theme
  • What is Materia?
  • Getting Started
    • Download & Install
    • Theme License & Activation
    • Create Pages - Required
  • Theme Updates
  • Required Apps
  • Recommended Apps
  • Mega Menu
  • Store Settings - Required
  • Materia Theme Dashboard
  • Theme Settings
    • Logo
    • Favicon
    • Layout Settings
    • Typography
    • Color Schemes
    • Website Intro
  • Overall Zoom
  • Browser Tab Messages
  • Badges
  • Notification Bubble
  • Buttons Customization
  • Main Collection Filter
  • Product Card Settings
  • Product Variant Swatches
  • Search Behavior Settings
  • Wishlist
  • Cart Settings
  • Social Media
  • Preloader Settings
  • Currency Display Settings
  • Cookies
  • Speed Optimization
  • General Store Information
  • Terms and Conditions Settings
  • Theme Sections
    • Header
    • Announcement Bar Basic
    • Upper Navigation Bar
    • Announcement Bar Pro 1
    • Hero Pro 1
    • Hero Image 1
  • Hero Banner 2
  • Hero Product 2
  • Carousel Hero Slider
  • Slideshow Pro
  • Image
  • Video
  • Benefits Cards Pro 2
  • Benefits Pro
  • Image & VIdeo With Text
  • Image With Icons
  • Image With Benefits
  • Image With Text Pro
  • Page's global sections
    • Announcement Bars
    • Header
    • Footer
    • Mobile Navigation Bar
    • Back To Top Pro
  • Overlay Group
    • Cookie Consent Banner
    • Mobile Navigation Bar
    • Page Tag
    • Custom Color Swatches
    • Order Notification Pro 1
    • Image Banner Popup
    • Promotion Banner Pro
    • Back To Top Pro
  • Products & Collections
    • Product Page
      • Breadcrumbs
      • Product Snippets
        • Product – Trust Badges
        • Product - Upsell Addon
        • Product-Payment Badges #1
        • Product - Sold Social Proof
        • Product - Bundle Pro
        • Product – Text Timer
        • Product - Promo Banner
        • Product - Vertical Benefits
        • Product - Payment Badges #2
        • Ecomz – Discount Coupon
        • Product - Size Chart Image
        • Product - Circle Images
      • Product Information
      • Product Templates
    • Collection Page
      • Collection Template
  • Other Pages
    • 404 Page
    • Blogs
    • Customer Login
    • Cart & Checkout
  • FAQs
    • Missing images when install Materia
    • Why are some pages missing?
    • Theme translation
    • Change currency
    • Why Does the Desktop Preview Look Compressed in the Theme Editor?
    • How to change fonts?
Powered by GitBook
On this page
  • What It Does
  • 🔧 How to Use It
  • ✅ Best Practices

Browser Tab Messages

PreviousOverall ZoomNextBadges

Last updated 1 month ago

Browser Tab Messages are a subtle but effective way to regain a visitor’s attention when they navigate away from your site. This feature temporarily replaces your site’s browser tab title with a custom message — drawing the user’s eye back and increasing the chances of re-engagement.


What It Does

When enabled, this feature shows rotating messages in the browser tab if the user switches to a different tab or minimizes the window. This grabs attention and can be used to:

  • Remind users they left something behind

  • Create urgency

  • Reinforce a promotional message

If no custom messages are set, your default store name (as set in Shopify) will be shown in the tab as usual.


🔧 How to Use It

Enable Browser Tab Messages

Toggle this setting ON to activate the feature. Once active, your tab title will change automatically when a visitor leaves the site tab.


Browser Tab Primary Message

Example:

plaintextCopyEdit👋 Still there? Check this out!

This is the first message displayed in the browser tab when the user becomes inactive. Use it to say hello, tease content, or simply grab attention in a friendly tone.

Emojis are supported but optional. Keep the message short and direct.


Browser Tab Secondary Message

Example:

plaintextCopyEdit🚨 Exclusive deal waiting for you!

This is the second message shown shortly after the primary one. Use it to add urgency or create curiosity — e.g., hinting at a time-limited discount, new arrival, or free shipping offer.


✅ Best Practices

  • Keep your messages short (under 50 characters)

  • Use simple language and casual tone

  • Add emojis if it fits your brand — but don’t overdo it

  • Try different combos like:

    • “Forgot something?” + “Cart is still here 👀”

    • “Still browsing?” + “🔥 Limited deal active now!”


Browser Tab Messages are a small touch — but they help bring people back. Use them wisely to re-engage visitors and reduce bounce from tab-switching distractions.