Shivangi Shrivastava

How to make your Website 'Push Ready' in the next 5 minutes

Interaction with your users is the best way to keep them engaged.

This small guide will tell you how to keep your users engaged by setting up web push notifications for your website.

Web push notifications offer a reliable and constant mean of effectively communicating with your audience at all times.

With the ease of technology, web push notifications’ utility is a handful of minutes away, and here we are to tell you exactly how in a few short steps.

NOTE: For reference & guidance, we’ll be using NotifyFox.

Sign Up For a Service

You’ll need an account to activate this service on your website or blog.

Go to NotifyFox and sign up for your free account.

NF-article-image

NotifyFox offers a free account for up to 5000 users on your website.

You need to identify the browser and platforms your user base uses to better identify their needs and to optimize your push notifications.

Head over to Google Analytics and track your website statistics to get an idea of what kind of traffic your website drives, which platforms and browsers they use and all else.

It should look something like this –

Google-analytics-image

Source

With that out of the way, you can start setting up push notifications for your website.

Setting up NotifyFox

After registering your account, you’ll be greeted by a setup instruction page.

On the page will be a JavaScript code. The best part is that you do not need to be a techie to have this installed on your website.

Simply copy paste this code before the tag of your website’s HTML code.

NF-article-image-javascript

After adding the JavaScript code to your website HTML, you’re pretty much done!

You need only customize the of notification you want your viewers to view.

Customizing Notifications

It’s always a good idea to maintain a flowing style to your website. Be it graphics, images or videos, design, layout, style or text.

NotifyFox lets you customize the notifications you display on your website.

After the JavaScript installation, you’ll be greeted with a page that lets you choose from a few default notification styles, each of which you can preview by clicking on them.

Notifyfox gives you 6 options for choosing how your notification will be displayed on your subscriber’s browser.

NF-article-image-customize-optin

Let’s go through the options:

1. 2-click Notification:
Here the users will have to take a 2-step or a 2-click process to subscribe to your notifications.

NF-image-click-notification

One opt-in window will be from us, asking the subscriber, if they’d be interested in subscribing to your notifications and the other will be from the browser, confirming the subscription.

2. Optimized – 2 click Notification :

NF-image-optimize-in-2

This will again require the user to click twice before confirming their subscription. Both the opt in or pop-ups would be sent by us. One for asking the subscriber if they would want to receive updates from your website and second will be a Thank-you window.

3. For HTTPS (SSL Certified secure website only):
This is available only to our paid users. For this, you will be required to download the package filters and upload to your server.

4. Alert Notification:
This will be a 1 step subscription process. The opt in window will popup from a bell shaped structure at the bottom right corner of the browser.

NF-article-alert-notification

5. Side Notification:
It’s similar to the previous format with the only difference in design. It will popup from the side of your browser as can be seen from the screenshot below

side-notifications

6. Bottom Notification:
Again, the variation here is only in the form of design. It’s a 1 click subscription window which pops up at the bottom of the browser.

NF-bottom-notifications

Note that the HTTPS version of the notification style requires you to have an HTTPS website (of course) and also requires you to download a set of package files that you need to upload to your website server.

You can choose any of the given templates and customize the text fields, colours, and even a custom image or thumbnail to go with the notification according to your liking.

It’s a good strategy to give your users a fair idea of what they’ll be getting once they subscribe to your notifications.

Transparency goes a long way.

Here’s a lousy rendition as a failed attempt towards a funny example-

NF-funny-WPH

You can include a welcome notification in not so bad colours once the user is subscribed.

Let your users know what they have subscribed to.

Give your users a welcome notification that also tells them how to disable push notifications from their browser settings. And, of course, welcomes them, perhaps.

You can even add Urchin Tracking Module parameters (UTM) to track how your campaigns fare using any analytics tool to monitor traffic.

NF-url-image-article

Automated & Scheduled Notifications

Currently, you can automatically send notifications about your blog posts using your RSS feed URL.

Once you add an RSS URL, NotifyFox will pick up the latest blog posts and post their notifications to your user as the blog is updated & posted on.

You can choose sections of your audience to send push notifications to and even schedule notifications delivery according to your audience’s needs and preferences.

NF-schedule-notification

That’s pretty much it!

You’re good to go!

Conclusion

To sum it up, push notifications are simple to use tools that can give you click-through-rates as high as 31.51% with NotifyFox.

They’re better than emails because they cut through the spam, don’t require personal details of your users and don’t require your users to be on any specific website to work.

Users can’t give you false or wrong information thus push notifications eliminate false metrics that your email campaign might be showing you.

Web push notifications are cross platform and work on most browsers unhindered without the need of a dedicated app or plug-in.

There’s nothing to lose for you. Get started with push notifications with us.

Got questions? Did we miss something out? We’re only human, let us know in the comments. We’d be happy to help.

Do you want to build a strong subscriber list fast?

Learn how to leverage the full power of web push notifications.

Shivangi Shrivastava
Shivangi is the Content Crafter at Notifyfox - a software helping marketers connect and communicate better with their users.  She is a writer by day and an avid reader by night.  When not working, you can usually find her buried deep down in Google SERPs.