PerkJar | Site Engagement and Content Unlocker JavaScript Widget

PerkJar | Site Engagement and Content Unlocker JavaScript Widget
Gamified Pageview & Dwell-Time Discount Trigger with Live Visual Generator

Skyrocket Your Website Dwell Time & Conversions!

PerkJar is a lightweight, pure JavaScript plugin designed to turn passive website visitors into engaged buyers. By rewarding visitors with exclusive discount coupons or downloadable lead magnets after they browse a specific number of pages or spend a set amount of time on your site, PerkJar instantly lowers your bounce rate and boosts your SEO rankings!

It comes packed with a 360-degree SVG Circular Progress Ring, 8 placement positions, 4 aesthetic preset themes, confetti celebration animations, web audio synthesizers, and an interactive Visual Code Builder for instant plug-and-play installation!

✨ Key Features Breakdown

• 360° Vector SVG Progress Ring: A smooth, high-definition SVG ring that fills in real-time as visitors browse your pages.
• ️ 4 Badge Center Options: Customize the circular badge center with Live Percentage (%), Countdown Timer (Sec), Custom Brand Logo PNG, or Emojis.
• 8 Display Positions: Choose from Top Bar (Header), Bottom Bar (Footer), Top-Left, Top-Right, Middle-Left, Middle-Right, Bottom-Left, and Bottom-Right.
• ⚡ 3 Interactive Display Modes:
  • Circle Badge (Hover Expand): Compact circular ring that smoothly expands into a detailed widget on hover or tap.
  • Always Floating Widget: Fixed progress card displayed in screen corners.
  • Popup Only (Silent Mode): Silent background tracking with an automatic popup modal upon goal completion.
• 4 Built-In Aesthetic Themes: Includes Light Minimal, Dark Glossy Mode, Glassmorphism (Frosted Glass), and Vibrant Gradient.
• Base64 Reward Link Security: Obfuscates download links and promo codes to prevent tech-savvy users from scraping links via source code.
• ⏳ FOMO Countdown Expiry Timer: Urgency-driven countdown timer inside the unlocked reward modal (e.g., Offer expires in 09:59 mins).
• Canvas Confetti Blast & Web Audio: Celebratory paper confetti animation and a soft chime sound on reward unlock (0 external MP3 files needed!).
• ️ Active Tab Detection: Uses HTML5 Visibility API to pause tracking automatically when a user switches browser tabs.
• 100% Fully Responsive: Ultra-slim layout engine for desktop, mobile, and tablet viewports.
• Device Targeting: Target All Devices, Desktop Only, or Mobile Only.

⚙️ Visual Code Builder Included (No Coding Required!)

Configuring your widget is as simple as filling out a form! PerkJar includes generator.html—an interactive split-screen builder with a real-time live preview window. Adjust colors, timers, and rules, then click “Copy Generated Code” to embed it on your site.

Troubleshooting & JS Compatibility Built-In

PerkJar is engineered to run seamlessly alongside complex themes and scripts without conflicts:

• Zero Dependencies: Built with 100% Vanilla JavaScript. No jQuery or external heavy libraries required.
• High Z-Index Management: Operates at z-index: 999999 to stay visible over standard floating footers and navigation bars.
• Optimization Plugin Safe: Fully compatible with caching/minification plugins like WP Rocket, Autoptimize, SG Optimizer, and Cloudflare.
• Anti-Cheat & SPA Sync: Dynamic URL monitoring supports Single Page Applications (SPA) built with React, Vue, or Angular.

Universal Platform Compatibility

Works out-of-the-box on any HTML/CMS platform:

• WordPress & WooCommerce
• Shopify & BigCommerce
• Wix, Squarespace & Webflow
• Laravel, React, Vue, Node.js & Custom HTML/PHP Websites

Frequently Asked Questions (FAQ)

Q: How do I use PerkJar across multiple pages on my website?
To run PerkJar across your site, simply paste the generated <script> tag before the closing </body> tag in your global template. PerkJar automatically tracks cumulative time and page views as visitors navigate.

Q: How can I update or change the reward link or coupon code?
You can update your reward links via generator.html or edit the data-reward="..." attribute directly in your embedded script tag.

Q: How does the link obfuscation & anti-cheat system work?
PerkJar converts reward links into Base64 format so visitors cannot inspect the HTML source code. You can also enforce a minimum stay time per page using data-min-page-time.

Q: How do I reset tracking progress during testing?
PerkJar stores tracking data in browser LocalStorage. Clear keys starting with et_plugin_ in your browser developer tools, or test in an Incognito window.

Q: Is PerkJar compatible with WordPress, Shopify, or SPAs?
Yes! PerkJar is 100% Vanilla JS with zero external dependencies and supports dynamic client-side route changes.

Dedicated Support & Updates

Need help or integration guidance? Feel free to contact us via our Envato profile page. We provide active support and regular feature updates!