A code free solution is almost here! Enter your email at Keyfold.io to be the first to know when we go live!
So what started as an exploration into how @daley.maasz and I could streamline the prototyping process for our day jobs has now turned into a full blown project named Keyfold. The two of us are working flat out to design and build a product (almost entirely within Webflow) that can manage user accounts for your Webflow site without any code whatsoever.
There is still a lot of work ahead but we are hoping to go live with a version 1 within the next 2-3 weeks and would love to have you all along for the journey. Enter your email at Keyfold.io to be the first to know when we go live!
We can’t wait to get feedback and let’s keep pushing Webflow to the limit, you’ll be amazed at just how much it can do.
I have made a Youtube playlist with the basics of getting this set up here.
There seems to be a decent amount of interest in this topic, so I plan to create a series of screencast tutorial videos on how to set this up. If these videos would interest you, please comment with your particular use case so that I can cover the most scenarios possible when I make the videos.
Ideas so far:
-Displaying different content to users based on their role
-A client dashboard where clients can upload a PDF for you to see
-Integrating Firebase with the Webflow CMS api so that when a new user signs up, their account gets created automatically in a Webflow CMS “Users” collection.
Original post 11/03/18
An example of how to set up user authentication with Webflow.
For ages I was thinking about setting up some sort of user authentication with a Webflow site. Finally I got around to it, so I thought I would share my project here in case anyone else wants to use it as an example or reference for their own project.
I set up a test Webflow site that integrates with Firebase. I used the FirebaseUI widget to actually handle the user authentication part so that I didn’t have to deal with any more code myself than absolutely necessary.
This site demonstrates some basic features such as:
- User sign up
- User log in
- User log out
- The ability for a user to change their email address and update their profile information and profile pic
Feel free to have a look around and see how it is set up. You will need to make an account to see the profile page in action, but please note that SSL is not yet set up on this site. In any case, you can have a look at some screen grabs below.
The custom code I wrote could do with a tidy up, and the site could use a bit of polishing, but it works for now.
Need to set up form validation.
Need to set up Facebook and Google sign in, at the moment only email and password auth is configured.
Happy to answer any questions you may have. Screen grabs below.