Stacks Image 6

Notify

Native style attention grabbing messages.

Notify

You must have seen it pop up by now. The attention grabbing notifications stack, that appears in the top right of the window when this page loads.

Overview.

Designed to add native styled popup notifications in your page. These can contain any thumbnail image and message you like. You can add links to your latest thing, or inform the visitor of some action they need to take. The uses are endless.

There are 3 ways to trigger a notification :

  • On page load
  • On a Timer
  • When the user scrolls to the location on the page the stack has been placed.
The third scroll option is particularly great, if you want to make a notification about something lower down the page the user has not yet seen. Once they scroll to that location on the page, the notification will be fired.

Anti annoyance feature allows you to only show any user the notification once within a time period you specify.
So no matter how many times that user visits the page, he won't see the notification again until that time period has elapsed.

Instant download.

Version : 1.1.1

Responsive : Yes

First released : 21/9/2013

Last Updated : 20/8/2016

Stacks V 2.0 or greater.

Live demo.

You will see examples of the Notify stack popping up in the top right corner of this page.

If you are on mobile, the notification spans the top of the screen, just like a default style mobile notification.

Stacks Image 670

Stacks settings.

In this section we have provided a comprehensive list of available settings, and a full description of what each of the settings does for the stack.

Stacks Image 243
Trigger

Your options here are :

  • On page load (triggers instantly when the page is loaded).
  • Timed (triggers after a time your provide in seconds from the time the page is loaded).
  • When scrolled to (triggers when the location you place the stack in the page hits the top of the window as the user scrolls down the page).

Trigger delay

When timed trigger is selected, this is the delay time from the time the page loads to showing the notification.

Add a link

When selected, you have an option to add a link. This will make the entire area of the notification a clickable link.

Display time

This is the time that the notification will remain on the screen, before being automatically removed.

Make sticky

When selected, the notification will remain on the screen until the user explicitly removes it by clicking the "x" on the notification.

Run

The options here are:

  • On every page load.
  • Once every set time (gives you the option to set a time period before the current visitor will ever see this again, even if they return to the same page).

Theme

This options here are:

  • Light.
  • Dark.

Each suitable for the level of luminance in your page.

Show / hide

The options here are:

  • Show on all screens.
  • Hide on screens below.
  • Hide on screens above.

If you choose one of the hide options, you are given a further option to provide a screen size relevant to this setting.

Stacks Image 673
Notification Triggers
I have been triggered by a timer, since you first opened this page.
Stacks Image 677
Use Me For Anything
I am a shameless plug for the new Swell stack. You could click me to see Swells demo page.
Stacks Image 681
Maybe Follow Us On Twitter
Stay up to date with our latest news and developments.
Stacks Image 685
I am a Sticky
I won't go away until you close me.
Stacks Image 689
Scroll Position Trigger
I have been triggered by the fact you scrolled to where i was deployed in the page.
Stacks Image 693
I am a Polite Sticky
I have been triggered by the fact you scrolled to where i was deployed in the page. Once you close me, you won't see me again for at least an hour. I have been told not to bother you again for at least that long.

Stacks edit mode.

We pay great attention to how we approach the editing interface of every stack, to ensure intuitive ease of use.

Stacks Image 297

You simply add your image and text for the popup message right in the stack. The title at the top of the stack keeps track of the settings you have selected for each particular notification.

Stacks FAQ.

Important information that is pertinent to this stack. Please read, as there may well be something here that is essential to the deployment of this stack.

Browser support

This stack is supported in all modern browsers. Any exception to this rule will be listed below.

Safari

Chrome

Firefox

Explorer

The scrolling trigger explained

Lets say you have a page with content that needs to be scrolled before the user will have seen everything.
Toward the bottom of the page you have an image of a coupon for a discount you are currently running.

You want to notify the user that this discount is about to expire so they should get it today.

Place the notification stack directly above the coupon image. and set it to trigger on scroll to.
Now the notification will only trigger when the user has scrolled the page, and seen the coupon.

To be absolutely precise. The notification is triggered when the position you deployed the notification stack in the page, hits the top of the window, as the user scrolls.

Known compatibility issues

There are no known compatibility issues with this stack.

Stack installation

Download.

After purchase, you will be sent an email containing a download link for the stack.
Download the zip file from the link, and unzip it to reveal the stack inside.
You should now see the stack as a logo style icon.

Normal installation.

Double click the un-zipped stack file (the one that looks like a piece of lego).
This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Installation where more than one version of Rapidweaver is installed.

Sometimes if there is more than one version of Rapidweaver installed on your system, the double click method launches the wrong version of Rapidweaver to install the stack. To ensure the it is installed into the version you want to install to, you can, instead of double clicking the stack, just drag and drop it onto the appropriate Rapidweaver app icon in your dock at the bottom of your screen.

This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Secure checkout.

We trust PayPal as our secure checkout provider.

Don't have a PayPal account? No worries. PayPal allows you to pay with your credit card if you do not have an account set-up.

Instant download.

Stacks Image 589

© 2018 Doobox Software. Building premium Software Mac & RapidWeaver™