Thanks! Please check the following:
System requirements
This stack requires RapidWeaver and the Stacks plugin. It will not work with other platforms (like Wordpress). We recommend you aim towards installing the latest version of RapidWeaver and Stacks that your computer is compatible with.

License agreement
You may use this purchased stack an unlimited number of times in personal or commercial projects, request technical support and receive free updates in future.

This stack can be installed or synced onto all computers that you own. You are permitted to make archival backup copies of the stack.

You may not resell or make this stack available for download, remove copyright credits or license information.

The software is provided "as is" without any implied or expressed warranty of merchantability or fitness for purpose. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise arising from, out of or in connection with the software or the use or other dealings in the software.

Refund policy
By purchasing this stack, you agree that your purchase will be available immediately via digital download and that you waive your statutory right of withdrawal.

All purchases are final and refunds will not be provided (we physically cannot un-download or remove stacks from your computer).

You are reminded to make use of the free demo versions already provided on the website, to fully evaluate stacks for compatibility and suitability before purchase.

Customer support
If you have questions that relate specifically to this stack, you should make contact via the contact page. We aim to answer all messages within 12 hours, Monday to Friday.

If you require a faster response at weekends or during public holidays, please post your question(s) to the RapidWeaver forums, where a support volunteer may be able to assist you quicker.
Used in moderation, with careful planning and setup, popups can become a useful function in modern websites. Popups can be used for a variety of different tasks. The Gateway stack is unlike other popup stacks, in that is was written almost from scratch specifically for RapidWeaver (that means there is less chance of it conflicting with existing scripts or plugins already running in a page). You can nest many different types of content within the popup placeholder. This stack features a decent selection of customisable options, to place emphasis on making non-obtrusive popups.

We make use of the opensource jQuery Cookie plugin by Klaus Hartl, so that once a popup is dismissed by a user, it will not get shown again for a set period of time (or until the cookie is deleted). The cookie ID could be changed to something like allow_cookies, so that you could simultaneously use Gateway and the free CookieManager in combination together; to ensure website users give their explicit consent before particular content or scripting is loaded. This forms a major part of compliance with new GDPR laws coming into force in 2018.

Possible uses for the Gateway stack include:
  • Alert users to the presence of cookies on your website, with links to your privacy policy or to opt-out of analytical tracking (mandatory for EU website users)
  • Display an email newsletter signup form, which can link to a service like Sendy, MailChimp or ConstantContact
  • Present links or icons to different social networking services, so you can connect and communicate with more users away from your website
  • Display buttons for people to select their preferred website language, which can work in conjunction with our RWML stacks
  • Emphasise important tidbits of information, like business opening times, discount days, special promotions, event postponement etc.
  • Provide links to other relevant content or products which your customers might be interested in seeing
  • Combine with CookieManager to display opt-in and opt-out buttons, to quarantine parts of your website users have not given explicit consent to view or be tracked through (important for GDPR compliance)
  • Advertise special events, new products or new additions to your website

Example

A Gateway stack is displayed at the top of this page. Refreshing the page (press CMD + R) will display it again if you dismissed it. In this example, the cookie tracking was disabled.

We also use the Gateway stack (in combination with CookieManager and UsefulStack) on all pages of this website to get opt-in consent from website users for tracking cookies and content from third-parties. See this video for an explanation of how to use CookieManager and Gateway together.

Setup

Follow these instructions to get a basic Gateway stack setup...
  1. Once installed, drag and drop a Gateway stack into your stacks page
  2. Drag and drop content into the Gateway placeholder shown. You can use text, images, HTML code or another stack like CookieManager
  3. In the stack settings, you can customise the animation settings, display and style. Cookies can be enabled if required
  4. If you want the entire Gateway stack to act as a link to a page, resource or URL, tick the link option and provide details of the link
  5. Preview your page to see the result

Tip: Gateway 2.3.0 and later include a checkbox option in the Gateway settings to toggle tracking cookies on and off. Turning cookies off is useful for previewing the style and behaviour of your Gateway stack in RapidWeaver (Gateway will show each time the page is refreshed or scrolled down). Prior to publishing your website, you can optional re-enable tracking cookie support again. Tracking cookies are enabled by default.

Cookie expiration timings

In the stack settings for Gateway, we specify the cookie expiration time in minutes (which is the industry standard). If the expiration time is set to 0, the Gateway stack will appear every time the page is loaded. Using the converter widget in Mac OS X or an online convertor tool, you can calculate a custom expiration time. For example, if you were to enter 20160, the Gateway stack would only appear again after 2 weeks. If you were to enter 129600, the Gateway stack would not appear for another 90 days. Using expiration cookies means that a user won't get continually nagged with the same message, every time they land on the website! If in the meantime a user deletes the cookie in their web browser, then the Gateway stack will get shown again.

Reseting Gateway cookies

Once a Gateway stack has been dismissed or removed from the page automatically (through the timeout or scroll behaviours), it will not be shown again until the cookie expiration takes effect or until you reset the tracking cookie (whichever occurs first). This is great, because it means regular visitors to your website will not be continually nagged to read the same message, over and over again. However if you are testing the Gateway stack or you want to preview what it looks like, this can become a bit of a chore. So instead, what you can do is to copy and paste this code somewhere onto the page:

<a href="#" class="ResetGateway">Click here to reset the Gateway tracking cookie.</a>
Whenever this link is clicked, the cookie is 'zapped', so the Gateway tracking cookie immediately expires and gets reset. You can use this link in your testing, or present the link to end users on your website, so that they can easily reset the tracking cookie themselves. This link will not delete the tracking cookie completely - it merely modifies the expiry date. Cookies can also be view and deleted from the web browser developer tools.

Behaviours

Behaviours are an exciting new feature which were added in Gateway 2.0. The basic principle of behaviours is to give you, the web developer, more power to change when Gateway stacks are shown or hidden. All this can be done quickly through the stack settings, using the new Behaviours pull-down menu. Five behaviours are provided for you to choose from and use:
  • Display Until Dismissed is the default behaviour. Gateway will check for a cookie on page load. If no cookie is found, the Gateway stack will fade into view and remain displayed until a user clicks the close button.
  • Display On Page Scroll works by hiding the Gateway stack when the page is first loaded. When the page is scrolled down (beyond the distance you set), the Gateway stack will fade into view (if no cookie is found). Gateway will remain displayed, until a user clicks the close button.
  • Display At Page End is as the description implies, and will keep the Gateway stack hidden until a user scrolls right down to the bottom of a page. If no cookie is found, then the Gateway stack will display. A user can hide Gateway by clicking it's close button.
  • Hide Automatically is a simple behaviour to check if a Gateway cookie already exists. If no cookie is found, then Gateway will display on the page. However Gateway will be hidden (and a cookie set) after a defined period of time (this can be set in the stack settings).
  • Hide On Page Scroll works by displaying Gateway stack when the page has finished loading (and if no Gateway cookie can be found). When the user scrolls down the page (beyond the distance you set), Gateway will be hidden and a cookie will be set.

Multiple Gateway stacks on the same website

It's possible to have multiple Gateway stacks in use on the same website. Traditionally this would present a problem, in that the tracking cookie generated by one Gateway stack could be read by another Gateway stack - the end result being that expiry dates get ignored or the Gateway stack on another page fails to display and many other problems. Fortunately it is possible to overcome this problem, simply through giving each Gateway stack a unique ID. To do this, simply change the number you see in the Cookie ID box, within the Gateway settings. Multiple Gateway stacks can be set to share the same ID (so user interaction on one effects the others) or each can be set with a unique ID to prevent conflicts between each Gateway stack.

Print support

Gateway stack is automatically removed and blocked from displaying on printouts and PDF's. This stops it conflicting and damaging other page content.

Making a link or button close the Gateway stack

There may be some instances when you want a button or link to close the Gateway stack and create a tracking cookie, rather than using the conventional close button. For example, you may decide to put a newsletter signup form in your Gateway stack. Providing the code you are using enables you to add class selectors onto buttons, you can sometimes use an existing form submit button to close the Gateway stack and start the cookie tracking. All that is required is to add a class attribute to the button or link, with a value of GatewayClose. So in the example of a normal link, this is the HTML code you would use:

<a href="#" class="GatewayClose">Click here to close the Gateway stack.</a>
If you wanted a form button to also act as a close mechanism for the Gateway stack, typically you would use code similar to this:

<button type="button" class="GatewayClose">Close Gateway</button>
The are no limits on how many times you can create close buttons. When a element (such as a link or button) is clicked (and providing this element has a class of GatewayClose applied), this will result in the Gateway panel being closed and a new cookie being created.

Important Laws in the EU dictate that whenever you use tracking cookies on a website, you should provide a privacy policy. This privacy policy explains (in simple terms to site visitors) the reasons why you use cookies on your website (e.g. to enhance user experience) and make clear that it is possible for users to browse your website without cookies enabled or to delete cookies from their web browser software. Every website should already provide a link to a basic privacy policy. Sample privacy policies to reuse in your website are available from multiple locations online.

Hello World!

This is a real working example of the Gateway stack, from Stacks4Stacks. Use built-in settings to customise the animation effects, cookie expiration and styles. The Gateway stack can either be placed at the top or bottom of the page. The close button can be replaced with your own graphic. Set this message container to float either left, right or centre within the Gateway block. The width of this message container can also be customised, to match the container width of your RapidWeaver theme.
Bookmark or share this page
Baidu 百度
Blogger
Delicious
Digg
Facebook
Google+
LinkedIn
LiveJournal
MySpace
Pocket
Одноклассники
Reddit
Renren 人人网
StumbleUpon
Tumblr
Twitter
ВКонтакте
Weibo 微博
XING
Contact Us
Email This Page
Print This Page
PS: This bookmarking and sharing popup is powered using our brilliant SocialPopup stack!
We use cookies to give you the best possible experience on our website. If you continue without changing settings, we'll assume that you are happy to receive all cookies.