How to build a CMS driven notification bar in Webflow

Join host Nelson Abalos Jr for a Build with me (BWM) session. We’ll learn how to create a custom notification bar that's CMS driven with some low code in Webflow. In this session you’ll learn the basics of Webflow collections, Collection lists, Interactions and adding a cookie to your user’s system.

Clone this project here:

----------

Chapters
00:00:00 Stream starting soon
00:00:44 Intro
00:01:25 What we'll be learning today
00:02:18 Final build example
00:04:53 Stream agenda
00:06:31 Creating a Webflow Collection
00:09:55 Creating a Webflow Collection item
00:11:40 Styling the top bar notification
00:15:21 Styling a dynamic rich text element
00:17:43 Styling the top right notification
00:23:15 Creating the close trigger
00:29:40 Adding low code to create cookies
00:37:11 Start Q&A
00:37:45 Site review for Abi
00:41:36 Site review for Eli
00:47:26 Site review for Raymond
00:51:17 Nelson's honest thoughts on pop-ups
00:54:37 Site review for Abdul
00:59:03 Outro

----------

[cweb]

That wine website is sick. Man I want to be able to do stuff like that no code!

[crooker]

I love webflow (mostly). I find their rich text block is really limited though. I'd like to see more formatting blocks for rich text to give people a bit more variety for their rich text content.

[anudeepananth]

Can you track user ip addresses and avoid this top bar from appearing when the user closed it in his 1st session with the website and comes back

[benclower]

My primary question is where did you get that 🔥 shirt? I need that.