Webflow + Zapier Age gate help

daniel_cleayweb · May 7, 2015, 12:53am

Hi Webflow lovers,

Really need to implement age gateaction for alcohol website, was hoping I could use forms + Zapier to achieve this, any idea’s or solutions guys?

vincent · May 7, 2015, 2:05pm

Or with Javascript?

github.com

jamielesouef/agegate.js/blob/master/README.md

#JS Age Gate
This little guy was created to for a bunch of alchole related websites that I've worked on. The issue we faced using PHP as the Age Gate processor was caching - each and every page had to be validated and caused all sorts of issues. Hence what **JS Age Gate** was created.

###How to use:

As this needs to fire before any other code loads, it must to go in the header of the site and not as a seperate file include. It ***must*** parse straight away or else restricted content might be seen. 

Also, so that any other scripts can access it, I reccommend adding it as a global object

	<script>
	    (function(){
		    window.ageGate = new AgeGate(18,'myNewAgeGate');

		    var cookie = ageGate.getCookie(),
		        dateForm = document.getElementById('dob'),
		        message = document.getElementById('message'),
		        button = document.getElementById('saveCookie');

		    if ( cookie && cookie === 'ageCheckValid=true' ){
		       message.innerHTML = 'Welcome back!'

This file has been truncated. show original

daniel_cleayweb · May 7, 2015, 10:01pm

@vincent cheers, im a total javascript noob, do you suggest I export my site to do this? Or can I do it right here in webflow? And If I do in webflow do I add ids to my drop down age selectors to hook up with the Javascript?

vincent · May 8, 2015, 2:33pm

I never suggest you export your site to do anything. I’m trying to make everything work within Webflow so you can continue to maintain and update your website in Webflow. Even my work with CMS templating and nodeJS apis and everything, I make it work with the webflow code as-is. I wouldn’t be so motivated by Webflow if you had to export and tweak to make great things work. Wouldn’t be interested at all in WF actually, because I know how to write HTML and CSS from scratch but am no more interested in that, take too much time even with a good framework.

This said, I’m no good at giving anyone JS advices sorry

daniel_cleayweb · May 8, 2015, 11:55pm

Anyone @cyberdave @thesergie @thewonglv implementing he javascript code @vincent shared in this thread with a working form in webflow?

bartekkustra · May 13, 2015, 1:47pm

I’m happy to say that it’s done :) You’re welcome @daniel_cleayweb!

system · May 20, 2015, 1:47pm

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.