PerkJar | Website Engagement and Content material Unlocker JavaScript Widget
Gamified Pageview & Dwell-Time Low cost Set off with Reside Visible Generator
Skyrocket Your Web site Dwell Time & Conversions!
PerkJar is a light-weight, pure JavaScript plugin designed to show passive web site guests into engaged patrons. By rewarding guests with unique low cost coupons or downloadable lead magnets after they browse a particular variety of pages or spend a set period of time in your website, PerkJar immediately lowers your bounce fee and boosts your search engine optimization rankings!
It comes full of a 360-degree SVG Round Progress Ring, 8 placement positions, 4 aesthetic preset themes, confetti celebration animations, net audio synthesizers, and an interactive Visible Code Builder for immediate plug-and-play set up!
✨ Key Options Breakdown
- 360° Vector SVG Progress Ring: A easy, high-definition SVG ring that fills in real-time as guests browse your pages.
- ️ 4 Badge Middle Choices: Customise the round badge heart with Reside Share (%), Countdown Timer (Sec), Customized Model Emblem PNG, or Emojis.
- 8 Show Positions: Select from Prime Bar (Header), Backside Bar (Footer), Prime-Left, Prime-Proper, Center-Left, Center-Proper, Backside-Left, and Backside-Proper.
- ⚡ 3 Interactive Show Modes:
- Circle Badge (Hover Develop): Compact round ring that easily expands into an in depth widget on hover or faucet.
- At all times Floating Widget: Fastened progress card displayed in display screen corners.
- Popup Solely (Silent Mode): Silent background monitoring with an computerized popup modal upon purpose completion.
- 4 Constructed-In Aesthetic Themes: Consists of Gentle Minimal, Darkish Shiny Mode, Glassmorphism (Frosted Glass), and Vibrant Gradient.
- Base64 Reward Hyperlink Safety: Obfuscates obtain hyperlinks and promo codes to stop tech-savvy customers from scraping hyperlinks by way of supply code.
- ⏳ FOMO Countdown Expiry Timer: Urgency-driven countdown timer contained in the unlocked reward modal (e.g., Provide expires in 09:59 minutes).
- Canvas Confetti Blast & Net Audio: Celebratory paper confetti animation and a gentle chime sound on reward unlock (0 exterior MP3 recordsdata wanted!).
- ️ Lively Tab Detection: Makes use of HTML5 Visibility API to pause monitoring mechanically when a consumer switches browser tabs.
- 100% Totally Responsive: Extremely-slim structure engine for desktop, cell, and pill viewports.
- Gadget Focusing on: Goal All Units, Desktop Solely, or Cellular Solely.
⚙️ Visible Code Builder Included (No Coding Required!)
Configuring your widget is so simple as filling out a type! PerkJar contains generator.html—an interactive split-screen builder with a real-time dwell preview window. Regulate colours, timers, and guidelines, then click on “Copy Generated Code” to embed it in your website.
Troubleshooting & JS Compatibility Constructed-In
PerkJar is engineered to run seamlessly alongside advanced themes and scripts with out conflicts:
- Zero Dependencies: Constructed with 100% Vanilla JavaScript. No jQuery or exterior heavy libraries required.
- Excessive Z-Index Administration: Operates at
z-index: 999999to remain seen over commonplace floating footers and navigation bars. - Optimization Plugin Secure: Totally appropriate with caching/minification plugins like WP Rocket, Autoptimize, SG Optimizer, and Cloudflare.
- Anti-Cheat & SPA Sync: Dynamic URL monitoring helps Single Web page Purposes (SPA) constructed with React, Vue, or Angular.
Common Platform Compatibility
Works out-of-the-box on any HTML/CMS platform:
- WordPress & WooCommerce
- Shopify & BigCommerce
- Wix, Squarespace & Webflow
- Laravel, React, Vue, Node.js & Customized HTML/PHP Web sites
Steadily Requested Questions (FAQ)
Q: How do I exploit PerkJar throughout a number of pages on my web site?
To run PerkJar throughout your website, merely paste the generated <script> tag earlier than the closing </physique> tag in your world template. PerkJar mechanically tracks cumulative time and web page views as guests navigate.
Q: How can I replace or change the reward hyperlink or coupon code?
You possibly can replace your reward hyperlinks by way of generator.html or edit the data-reward="..." attribute instantly in your embedded script tag.
Q: How does the hyperlink obfuscation & anti-cheat system work?
PerkJar converts reward hyperlinks into Base64 format so guests can not examine the HTML supply code. You may also implement a minimal keep time per web page utilizing data-min-page-time.
Q: How do I reset monitoring progress throughout testing?
PerkJar shops monitoring knowledge in browser LocalStorage. Clear keys beginning with et_plugin_ in your browser developer instruments, or take a look at in an Incognito window.
Q: Is PerkJar appropriate with WordPress, Shopify, or SPAs?
Sure! PerkJar is 100% Vanilla JS with zero exterior dependencies and helps dynamic client-side route adjustments.
Devoted Assist & Updates
Need assistance or integration steerage? Be at liberty to contact us by way of our Envato profile web page. We offer lively help and common function updates!
