<!-- wp:paragraph -->
<p>Wait two seconds...</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><a href="https://greenshiftwp.com/fancy/sliding-popup-with-memory/" target="_blank" rel="noreferrer noopener">Tutorial is in Fancy Academy</a></p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/container {"id":"gsbp-9caf23bf-bf7d","inlineCssStyles":null,"dynamicGClasses":[{"value":"cookbanner","type":"local","label":"cookbanner","localed":false,"css":"body.gspb-bodyfront .cookbanner{position:fixed;right:30px;bottom:0px;}body.gspb-bodyfront .cookbanner{transition:all 0.5s cubic-bezier(0.165,0.84,0.44,1);transform: translateY(100%);}body.gspb-bodyfront .cookbanner{width:400px;max-width:85%;}","attributes":{"position":{"positionType":["fixed","","",""],"positions":{"values":{"bottom":["0px"],"right":["30px"]}}},"size":{"customWidth":{"value":["400px"]},"customHeight":{"value":[]},"widthType":"custom","maxWidth":["85%"]},"csstransform":{"translateY":["100%"],"time":0.5}},"originalID":"gsbp-9caf23bf-bf7d","originalBlock":"greenshift-blocks/container","selectors":[{"value":".active","attributes":{"csstransform":{"translateY":["0%"],"time":0.5}},"css":"body.gspb-bodyfront .cookbanner.active{transition:all 0.5s cubic-bezier(0.165,0.84,0.44,1);transform: translateY(0%);}"}],"localedSpace":"front"}],"interactionLayers":[{"triggerData":{"trigger":"on-load","delay":true,"delaytime":"2000"},"actions":[{"actionname":"attach-class","env":"no-action","classname":"active","conditions":[{"includeornot":"not-includes","classorid":"cookie","additionalclass":"cookbannerdisable"}]}],"env":"no-action"}],"background":{"color":"#ffffff"},"border":{"borderRadius":{"values":{},"locked":true},"style":{"top":["solid"]},"size":{"top":[3]},"color":{"top":["#0472fa"]},"styleHover":{},"sizeHover":{},"colorHover":{},"customEnabled":{},"custom":{}},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["20px"],"right":["20px"],"bottom":["20px"],"left":["20px"]},"locked":true}},"shadow":{"hoffset":0,"voffset":15,"blur":"39","spread":0,"color":"rgba(119, 123, 146, 0.1)","position":"","preset":"3"},"className":"cookbanner"} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-9caf23bf-bf7d cookbanner" id="gspb_container-id-gsbp-9caf23bf-bf7d" data-gspbactions="[{"triggerData":{"trigger":"on-load","delay":true,"delaytime":"2000"},"actions":[{"actionname":"attach-class","env":"no-action","classname":"active","conditions":[{"includeornot":"not-includes","classorid":"cookie","additionalclass":"cookbannerdisable"}]}],"env":"no-action"}]"><!-- wp:greenshift-blocks/text {"id":"gsbp-2c367606-0355","inlineCssStyles":null,"textContent":"Popup Sliding with Memory","spacing":{"margin":{"values":{"bottom":["10px"]},"locked":false},"padding":{"values":{},"locked":false}},"typography":{"textShadow":{},"customweight":"bold"}} -->
<div id="gspb_text-id-gsbp-2c367606-0355" class="gspb_text gspb_text-id-gsbp-2c367606-0355 ">Popup Sliding with Memory</div>
<!-- /wp:greenshift-blocks/text -->

<!-- wp:greenshift-blocks/text {"id":"gsbp-8309f8a0-2f48","inlineCssStyles":null,"textContent":"This popup will use Interaction layers and cookies. A popup will check if the user has the specific cookie. If not, then it's sliding Up after a specific period. Users can click on the button that will set cookie and hide banner. All parameters are configurable","spacing":{"margin":{"values":{"bottom":["18px"]},"locked":false},"padding":{"values":{},"locked":false}},"typography":{"textShadow":{},"size":["15px"],"line_height":["22px"]}} -->
<div id="gspb_text-id-gsbp-8309f8a0-2f48" class="gspb_text gspb_text-id-gsbp-8309f8a0-2f48 ">This popup will use Interaction layers and cookies. A popup will check if the user has the specific cookie. If not, then it's sliding Up after a specific period. Users can click on the button that will set cookie and hide banner. All parameters are configurable</div>
<!-- /wp:greenshift-blocks/text -->

<!-- wp:greenshift-blocks/buttonbox {"id":"gsbp-3e50f472-cb30","inlineCssStyles":null,"interactionLayers":[{"triggerData":{"trigger":"click"},"actions":[{"actionname":"save-to-cookie","env":"no-action","storagekey":"cookbannerdisable","storagevalue":"1","storagetime":"300000"},{"actionname":"remove-class","env":"no-action","classname":"active","selector":".cookbanner ","cssSelectorBuilder":[{"combinator":"","selector":".cookbanner","complexselector":"","pseudoclass":""}],"jsSelectorBuilder":{"closest":false,"closestSelector":""}}],"env":"no-action"}],"buttonContent":"Accept and close","spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["8px"],"bottom":["8px"],"right":["20px"],"left":["20px"]},"locked":false}},"border":{"borderRadius":{"values":{},"locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{}},"typography":{"textShadow":{},"size":["17px"]}} -->
<div class="gspb_button_wrapper gspb_button-id-gsbp-3e50f472-cb30" id="gspb_button-id-gsbp-3e50f472-cb30"><a class="wp-block-greenshift-blocks-buttonbox gspb-buttonbox wp-element-button" data-gspbactions="[{"triggerData":{"trigger":"click"},"actions":[{"actionname":"save-to-cookie","env":"no-action","storagekey":"cookbannerdisable","storagevalue":"1","storagetime":"300000"},{"actionname":"remove-class","env":"no-action","classname":"active","selector":".cookbanner ","cssSelectorBuilder":[{"combinator":"","selector":".cookbanner","complexselector":"","pseudoclass":""}],"jsSelectorBuilder":{"closest":false,"closestSelector":""}}],"env":"no-action"}]" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">Accept and close</span></span></span></a></div>
<!-- /wp:greenshift-blocks/buttonbox --></div>
<!-- /wp:greenshift-blocks/container -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->