How to Connect Active Visitors: Turn Browsers into Buyers 🚀

Social proof is more than just showing "who bought what." It’s about showing that your store is a vibrant, bustling community. The Active Visitors integration allows you to display exactly how many people are browsing your site in real-time. Whether it's 5 people or 500, this creates a "busy store" vibe that builds instant trust and triggers that "I need this too!" feeling. 🛒✨

🌟 More Than Just a Notification: The Inline Power-Up

Active Visitors isn't just a popup; it’s a core member of the Fomo Inline Trio 💎. While it works beautifully as a standard notification, you can also embed it natively on your page (like right under your "Add to Cart" button) for a frictionless, high-trust experience.

👉 Pro Tip: Active Visitors is one of the three essential notifications featured in our Fomo Inline Guide. If you use the Inline snippet, Fomo will automatically toggle off standard popups to keep your UI clean!

Step 1 Enable Active Visitors 🔌

Log in to your Fomo dashboard.
Navigate to Notifications > click + Add Notifications > Click All Notifications .
Search for Active Visitors and click Connect.

Step 2 Configure Your Settings & Template ⚙️

Once you've enabled the Active Visitors integration, you'll be able to customize your settings as well as the message you'd like to show in your notifications.

Settings: Control how often notifications appear, set minimum thresholds (so you only show counts when you're busy!), and decide if you want to count visitors site-wide or per-page.
The Message: This is where you craft your hook. Use #{{ visitor_count }} to show the live data.

Step 3 Advanced Customization: HTML Properties 🛠️

Active Visitors can "read" your website's code to make notifications more relevant. You can use these HTML properties inside your Fomo notification template:

html_title : This will output the content of your html > head > title attribute (the text in the browser tab).
html_first_h1 : This will output the content of the very first h1 tag in your HTML document.

Step 4 Power Up with Fomo Filters ✨

To make sure your notifications look polished and professional, we have three Fomo Filters that work perfectly with this integration:

default : Sets a "fallback" message if no data is found.
trim_after : Cuts off text after a specific character.
trim_before : Cuts off text before a specific character.

Check out this high-converting example:

**#{{ visitor_count }} users** are checking out #{{ html_title | trim_before [ | ] | fallback [this page]}}

(This turns a title like "Store Name | Blue Shirt" into "Blue Shirt," or defaults to "this page" if the title is missing!)

Step 5 Visitor Aggregation (The "Big Store" Strategy) 📈

Want to show how many people are browsing an entire category rather than just one page? You can aggregate visitors from multiple pages using an HTML meta attribute.

The Result:

452 users are currently checking out our T-shirts section🙌

To achieve this, add the following meta property inside your HTML > HEAD section. The URL should contain the parent URL of the existing page:

<meta property="fomo:group_url" content="https://xyz.com/t-shirts">

Step 6 Fine-Tuning the Magic 🎩

Rolling Window: Fomo counts visitors on a rolling 30-minute basis to ensure your data is fresh.
Per-Page vs. Site-Wide: Toggle 'count visitors across all pages' to OFF if you want to show specific urgency for individual products.
Minimum Thresholds: Use this to ensure you're only showing notifications when your traffic hits a level that looks impressive to your customers. 📈

Need a hand getting your Active Visitors set up? 🤝

Our team is obsessed with your success. Let’s make your site feel like the place to be! 🥳

Email us: Drop us a line at hello@fomo.com and our team will jump in to help.
Skip the troubleshooting: . We’ll hop on a call, share screens, and help you build the perfect social proof engine. Pick the day and time here.