Thank you so much for breaking down the Javascript! I have almost zero working knowledge of Javascript, and this was so incredibly helpful. You've done a great job of explaining the "why" for the different parts, which isn't something I'm used to seeing. Thank you for that!
@pixelgeek
4 жыл бұрын
my pleasure. glad this video helped you 😁
@virathedon
3 жыл бұрын
You, sir - are a good man! You make everything look so simple.
@pixelgeek
3 жыл бұрын
I appreciate that!
@daleldalel
4 жыл бұрын
Thank you !!! I had a problem because my close button was a combo class, so for anyone using combo classes, you are better off just duplicating the original class and changing it accordingly.
@michaelcoussement5392
3 жыл бұрын
Very helpful and clear breakdown! It worked instantly on my site! Thanks
@vla.design
2 жыл бұрын
Finally it works! Thanks man! All clear with the explanation. Keep rocking
@CyanCooper
4 жыл бұрын
Thank you for making this video Nelson! For anyone who is curious: you can put this into the whole site's code and have your modal on every page (like a cookie notification), so no matter which page a user lands on, they'll see the modal until they click to dismiss it. Once they click to dismiss it, it won't appear on any pages going forward.
@nicoeiben4272
4 жыл бұрын
can you explain this tom me more detailed. It doesn't work on my site. Seems like I have to close the cookie notice on every page and then it does not show up
@paul-minotto
4 жыл бұрын
Thanks for filling in the gaps often left out in videos.
@pixelgeek
4 жыл бұрын
My pleasure 😁👍♥️
@jonasernevi6586
3 жыл бұрын
Thanks for this, much helpful. I am having problems adding multiple cookies/modals that will remain closed. Could you please explain how you would do this? Thanks
@oleww50
4 жыл бұрын
Hi Nelson, thanks for the video! Most appreciated :-) I look forward to implementing this 👍
@pixelgeek
4 жыл бұрын
can't wait to see what you do with this tip :)
@MyDistortedWorld
4 жыл бұрын
Hey dude! Another very useful tutorial, thanks!
@pixelgeek
4 жыл бұрын
you're welcome :) thanks for watching.
@grantsenior3291
4 жыл бұрын
Thanks Nelson, this was very useful for me today, and saved me a lot of time ;-)
@andrew-pro85
3 жыл бұрын
Thanks Nelson, cool lesson! Where is can find JS code? By the link in the description for full code opens 404 page.(
@vaniarensi2326
4 жыл бұрын
Super useful and clear, as usual 🙏🏻
@pixelgeek
4 жыл бұрын
Glad it helped 😁🙇🏽♂️ did you join the community yet? pixelgeek.community
@vaniarensi2326
4 жыл бұрын
@@pixelgeek Yesssss
@delfs413
3 жыл бұрын
Thnk you Nelson! Big help!
@rohanganachari7612
4 жыл бұрын
Hi, Nelson! This video was very helpful. Thanks! 👍 My suggestion for the next video is - How to use Tags in webflow? (the list of 10 tags in the Settings panel)
@pixelgeek
4 жыл бұрын
good idea for a future video :) I'll make a note of it. Can you show me an example of what you're talking about?
@rohanganachari7612
4 жыл бұрын
@@pixelgeek Hi! Apologies for the late reply. Well, you could take a few pre-built template pages such as Home, About, Product & Blog page, Contact, FAQ, etc. and explain - which Tag to assign to what element, and why? Since making websites accessible for humans & bots is so important, I think it would be great to have some guidance on this aspect as well. :)
@yehonatangoldman8110
2 жыл бұрын
Hey, great tutorial! can you please post a link to the code again? seems to be broken...
@susisuuu9
2 жыл бұрын
Here it is :) var cookieName = 'modalClosed'; if(typeof Cookies.get(cookieName) !== 'undefined') { $('.modal').remove(); } $('.close-modal-bg, .close-modal').on('click', function(){ Cookies.set(cookieName, 'ok', { expires: 7 }); })
@matteolarice9656
4 жыл бұрын
Thanks Nelson! Very useful tutorial as usual. Can the code be used to generate 2 separate cookies? For example one for the "cookie-notice" and one for the "newsletter-modal". Can you show us an example of what the code would look like?
@juliaguimbaud
3 жыл бұрын
Thank you very much, your videos are very helpful ;)
@pixelgeek
3 жыл бұрын
Glad you like them!
@jaimealbertoortizlozano5708
3 жыл бұрын
Hi the page where the code is to be copied has been deleted :S. Can you tell me where can I get the code from? Thank you
@puzzlefactorysoundstudios
4 жыл бұрын
Thanks so much, Nelson!
@pixelgeek
4 жыл бұрын
my pleasure :) Thanks for watching.
@tiborgludovatz2666
3 жыл бұрын
Great Video! Can you extend this tutorial to show how to create an EXIT INTENT Popup Modal?
@goldenant9450
8 ай бұрын
doesn't seem to work. "Cookies.set" shows in different colors. Blue for Cookies, White for the period, and green for set. I don't know much about code but i'm pretty sure that means the term Cookies.set is not being recognize as intended.
@thewebart
4 жыл бұрын
Thank you Nelson!
@pixelgeek
4 жыл бұрын
my pleasure :) Thanks for watching
@asagoldstein1669
3 жыл бұрын
For some reason this doesn't work if there are multiple triggers for the modal on one page. Only works once you move to another page. How to fix this?
@ericschenkenberger6118
Жыл бұрын
Does anyone know of a good update for this? Looks like Nelson removed the page where the code was originally hosted.
@Maximforall
4 жыл бұрын
It somehow doesn't work for me. The modal closes but no cookie seems to be set.
@SophieJeanPaul
4 жыл бұрын
It's not working for me too
@SophieJeanPaul
4 жыл бұрын
Hey I find why it's not working for me. All classnames in the code should be lowercase even if You use capital letters in Webflow. forum.webflow.com/t/here-is-how-to-add-cookies-to-a-custom-modal/98956 Pixel Geek explained it here in the comments.
@csirkosz
4 жыл бұрын
Thanky thanky thank youuu thanks!
@pixelgeek
4 жыл бұрын
You're welcome! 😁
@IbnEYasin
3 жыл бұрын
Thank you si much. Thank You so much
@olehansen6568
4 жыл бұрын
Perfect 👍
@raxitfaldu
3 жыл бұрын
hi, this was very help full, but can you please help me understand, i would like to design a popup/a page that asks the website visitor to select a country as they enter the site for the first time, once they select the country i want the data to be saved in their browser and not ask again till they clear their browser data.
@brandonmosco8365
4 жыл бұрын
You mentioned briefly about a form submission. Could you update the code to reflect for this to turn off after a form has been submitted for the user? That way it doesn't keep popping up every 7 days or however many you have it set for?
@pixelgeek
4 жыл бұрын
you could try adding the classname of your submit button in the same place you add it for the close buttons.
@DraganMiletic
4 жыл бұрын
Mega thanks!
@pixelgeek
4 жыл бұрын
you're welcome. :)
@maylee7140
3 жыл бұрын
This worked perfectly fine but now it's not working anymore and I haven't touched it. Any idea how to fix this?
@dariostefanutto5780
4 жыл бұрын
The question is, do I need to add this by law? How does Webflow manage cookies? I'm ignorant about this and it's not clear to me.
@benio.u
3 жыл бұрын
Hey dude! This is amazing, thank you for creating the video. I'm having an issue though... I followed your steps perfectly and the pop up still shows up. I have set it to animate in (appear) after 61 seconds. Could a webflow-created animation be conflicting with the script?
@robert-janek
4 жыл бұрын
Thanks a bunch :)
@pixelgeek
4 жыл бұрын
My pleasure 😁👍🙇🏽♂️
@lilimxprice
3 жыл бұрын
Thank you :)
@pixelgeek
3 жыл бұрын
My pleasure 😁🙇🏽♂️
@OwntoneFilm
4 жыл бұрын
Great tutorial as always Nelson - digging all the Webflow content you all have been posting. For some strange reason after following this exactly (I think anyway ;) I can't get the modal to not keep appearing every time I reload the page. Any ideas for troubleshooting this kind of thing would be greatly appreciated...
@pixelgeek
4 жыл бұрын
Thanks for watching 😁 can you reply with your read only link?
@OwntoneFilm
4 жыл бұрын
@@pixelgeek Yeah sorry - the page in question right now is 'Modal' preview.webflow.com/preview/crispina?preview=2ae293eda6b192c2ca68123fdaeec430&mode=preview
@bartspek
4 жыл бұрын
Hi Nelson - Great video - Other question - Would it be possible to have webflow only create a desktop version. So on mobile, you would see a scaled version of the desktop one. Need this option for a client when we're still on Muse. (Or another way not to have to put in the hours in Responsive behavior of all our elements. I hope you have some great insights on this. Thanks in advance! And greetings from Holland!
@pixelgeek
4 жыл бұрын
That is what you call "adaptive design". This isn't a good approach. Here is an article about this that may help you: uxplanet.org/adaptive-vs-responsive-web-design-eead0c2c28a8
@ashleehayes707
4 жыл бұрын
Does this work on a custom modal trigged on scroll? I can't get it to work and I'm wondering if that is the reason why.
@pixelgeek
4 жыл бұрын
can you reply back with your read-only link and i'll look into it?
Hi Nelson. Have you experienced any issues with this not working in IE 11? I've used this on a few sites just recently and all of them fail to operate in IE11.
@anamarikilla
Жыл бұрын
The link with the full code is not working 😢
@nathangarland7711
3 жыл бұрын
How do you add different cookies on different divs to offset the expiry timing?
@pixelgeek
3 жыл бұрын
i think you could just duplicate the code and make sure each one has a different cookie name and targeted element.
@brandonmosco8365
4 жыл бұрын
How to create an auto-populate copyright code for footer?
@pixelgeek
4 жыл бұрын
can you give me an example of what you're talking about?
Пікірлер: 78