# As a condition of accessing this website, you agree to abide by the following # content signals: # (a) If a Content-Signal = yes, you may collect content for the corresponding # use. # (b) If a Content-Signal = no, you may not collect content for the # corresponding use. # (c) If the website operator does not include a Content-Signal for a # corresponding use, the website operator neither grants nor restricts # permission via Content-Signal with respect to the corresponding use. # The content signals and their meanings are: # search: building a search index and providing search results (e.g., returning # hyperlinks and short excerpts from your website's contents). Search does not # include providing AI-generated search summaries. # ai-input: inputting content into one or more AI models (e.g., retrieval # augmented generation, grounding, or other real-time taking of content for # generative AI search answers). # ai-train: training or fine-tuning AI models. # ANY RESTRICTIONS EXPRESSED VIA CONTENT SIGNALS ARE EXPRESS RESERVATIONS OF # RIGHTS UNDER ARTICLE 4 OF THE EUROPEAN UNION DIRECTIVE 2019/790 ON COPYRIGHT # AND RELATED RIGHTS IN THE DIGITAL SINGLE MARKET. # BEGIN Cloudflare Managed content User-agent: * Content-Signal: search=yes,ai-train=no Allow: / User-agent: Amazonbot Disallow: / User-agent: Applebot-Extended Disallow: / User-agent: Bytespider Disallow: / User-agent: CCBot Disallow: / User-agent: ClaudeBot Disallow: / User-agent: CloudflareBrowserRenderingCrawler Disallow: / User-agent: Google-Extended Disallow: / User-agent: GPTBot Disallow: / User-agent: meta-externalagent Disallow: / # END Cloudflare Managed Content Puppr - Demo

Puppr

This demo utilizes Toast notifications and Crisp chat to highlight how Puppr can be used to detect user engagement signals and behavioral patterns that indicate confusion or frustration, and then engage with the user to help them resolve the issue.

Check out the GitHub repository to set this up for your own website.

📊 Real-time Statistics

0
Total Events
0
Blocked Events
0
Engagements
Running
Status

🔥 Rage Click Detection

Detects when users click rapidly in the same area, indicating frustration.

Product Search

Try searching for a product that might not exist or have issues:

💡 Tip: Try searching for something like "broken item" or "error product" and click the search button multiple times quickly to simulate user frustration.

🖱️ Erratic Mouse Detection

Detects erratic mouse movements that indicate user confusion.

Form Filling

Fill out this form with some confusing fields:

💡 Tip: Move your mouse erratically between form fields or hover over confusing elements to trigger detection.

📜 Scroll Thrash Detection

Detects rapid scrolling up and down, indicating content confusion.

Product Catalog

Browse through this product catalog:

Product 1 - Wireless Headphones

High-quality wireless headphones with noise cancellation.

$199.99
Product 2 - Smart Watch

Fitness tracking smartwatch with heart rate monitor.

$299.99
Product 3 - Laptop Stand

Adjustable laptop stand for ergonomic workspace.

$49.99
Product 4 - USB-C Hub

Multi-port USB-C hub for laptop connectivity.

$79.99
Product 5 - Wireless Mouse

Ergonomic wireless mouse with precision tracking.

$39.99

💡 Tip: Scroll up and down rapidly through the product list to simulate user confusion while browsing.

🚀 Rapid Navigation Detection

Detects when users navigate between pages very quickly.

Help & Support

Navigate through help articles to find what you need:

Getting Started Troubleshooting FAQ Contact Support Account Issues
Getting Started

Welcome to our platform! This guide will help you get started with the basics.

💡 Tip: Click through the help sections rapidly to simulate a user quickly searching for information.

🔄 Revisiting Detection

Detects when users repeatedly visit the same pages.

Settings & Preferences

Configure your account settings:

Profile Settings Notifications Privacy Security
Profile Settings

Manage your profile information, avatar, and personal details.

💡 Tip: Click the same settings section multiple times to simulate a user repeatedly checking the same information.

💬 Custom Engagement Trigger

Enter a value between 1-100. Values outside this range will trigger support chat.

Value Validator

Enter a value from 1 to 100:

💡 Tip: Enter a value less than 1 or greater than 100 to trigger the support chat window.

⚙️ Cooldown Configuration

Configure cooldowns and deduplication settings to control event frequency.