npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

polite-email-popup

v0.9.3

Published

A polite email popup

Downloads

27

Readme

Polite Email Popup

A customizeable and accessible email sign up form that pops up when it's polite to do so.

Reason

You want to grow your audience, but not be rude about it.

This plugin was made for businesses and individuals who want to collect as many emails as possible, while also being polite. It makes sure visitors are engaged with your content before asking for their emails.

Features

  • This plugin will trigger:
    • An email sign up form inside a modal when the user shows intent to leave your page. This is disabled on mobile.
    • An email sign up form along the bottom of your page after a user has scrolled down at least 40% of your page and been on the page for 8 seconds or longer. By default, this is enabled on both desktop and mobile.
  • The modal is accessible
    • Toggle the aria-hidden attribute on modal
    • Trap tab focus within the modal
    • Maintain focus position before and after toggling modal
    • Focus on the first focusable element within the modal
  • You can enable an exit intent modal on desktop (as well as mobile if you want)
  • You can enable clicking on the modal overlay dismissing the modal

Politeness Rules

  • Both email sign up forms (the modal and bottom bar) won't trigger before a minumum of 8 seconds has passed on at least the 3rd page view on the current site
    • On a content site, like a blog, it's recommended you change the page view option to trigger at just 1 page view, but enable the option that will only trigger it when 40% of the page has been scrolled
  • The user can press the Esc key or the large close X inside either form to dismiss them.
  • The modal form and bottom bar form will never appear within 2 days of being dismissed.
  • On mobile, it's strongly recommended to NOT enable the exit intent modal. However, if you do, this library will ensure there's been at least 3 page views on your website (that ensure visitor interest) before the exit intent modal will be triggered.