Events

<!-- OPEN SPECIFIC TABS -->
<script>
  // get the webflow array or define a new one if none exists
  var Webflow = Webflow || [];
  // push the click tabs handler function into the webflow array
  Webflow.push(function () {
    // get the respective tab name using the getParam function and store it in a tabName variable
    var tabName = getParam('tab');
    // terminate the function if no tab name was found
    if (!tabName) return;

    // click on the tab
    $('.' + tabName).triggerHandler('click');

    // define the getParam function
    function getParam(name) {
      // replace any '[' in the tab name with '\['
      // & also replace any ']' in the tab name with '\]'
      // this escapes the symbols '[' & ']' so they can be used in regex
      name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
      // define a regex to search for the tab name
      var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        // search for the tab name in the query string part of the page's url
        results = regex.exec(location.search);
      // return the tab name OR "" if no tab name found
      return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
    }
  });
</script>

Quick Grab

Quickly copy and paste the code crumbs into your project. If you are not familiar with how this snippet works then click the button below to view the full snippet page.

Save to Favorites

Learn How to Use This

<!-- Add the COOKIE CONSENT dependency script file --> 
<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>

<script>
  // initialize cookieconsent & define options
  window.cookieconsent.initialise({
    "palette": {
      "popup": {
        "background": "#ebe5ca",       // Background color for popup card
        "text": "#000000"              // Main text color for message
      },
      "button": {
        "background": "#a09e91",       // Background color for button (use "transparent" if you use the "wire" theme below.     "
        "text": "#fcf8f2",             // Button text color
        //border: "#a09e91"            // Remove the first "//" if you plan on using the wire theme below
      }
    },
    "theme": "block",               // Theme options: "edgeless", "block", "classic", "wire"  
    "position": "bottom-right",        // Positions options: "bottom-right", "bottom-left", "top", "bottom" 
    "static": false,                  // Set to "true" only if you choose "top" for the position which will push your content down instead of covering it.
    "content": {
      // Main message text on the cookie popup
      "message": "This website uses cookies to ensure you get the best experience on our website.",

      // Button text to accept
      "dismiss": "Got it!",

      // Button Link to your cookie policy or remove this line if you want it to go to: https://www.cookiesandyou.com/ (info site about cookies for your visitors)
      "href": "https://yoursite.com/cookie-policy"        
    }
  });
</script>

Quick Grab

Quickly copy and paste the code crumbs into your project. If you are not familiar with how this snippet works then click the button below to view the full snippet page.

Save to Favorites

Learn How to Use This

<!-- REVEAL SUBMIT BUTTON WHEN EMAIL IS VALIDATED --> 
<script>
  $(function(){

    // Only show submit button on proper email
    ;( function( $, window, document, undefined ) {
        'use strict';
        var form        = '.email-form',
            className   = 'email-active',
            submit      = 'input[type="submit"]',
            email       = 'input[type="email"]';
        $( form ).each( function(){
            var $form   = $( this ),
                $email  = $form.find( email ),
                $submit  = $form.find( submit ),
                val     = '';
            $email.on( 'keyup.addClassWhenEmail', function(){
                val = $email.val();
                $submit.toggleClass( className, val != '' && /^([\w-\.]+@([\w-]+\.)+[\w-]{2,12})?$/.test( val ) );    
            });
        });
    })( jQuery, window, document );
  })
</script>

Quick Grab

Quickly copy and paste the code crumbs into your project. If you are not familiar with how this snippet works then click the button below to view the full snippet page.

Save to Favorites

Learn How to Use This

Events

Know when new crumbs drop!

Want to contribute to the community?