No-Code Dashboard: Two Simple Steps to Add Login Form to Webflow Websites
All new Cotter No-Code Dashboard: Add magic link to your Webflow site in 2 simple steps!
ALBERT PUTRA PURNAMA
28 JAN 2021 • 2 MIN READ
In this tutorial, we are going to guide you on how to authenticate your users using magic link with Cotter's new no-code dashboard and Webflow.
Here's what you'll need:
Step 1: Customize your Cotter login form
This whole page is designed for the no-code community to easily customize their login forms and add them to their no-code website builders (Webflow, Bubble, etc.).
Fill in the page you want to redirect your users to after they successfully logged in
(See the bottom red square on the previous screenshot). For this example, the redirect page is set to
Step 2: Webflow setup
Create 2 pages, you can design these 2 pages however you like
A login page that contains a login button.
A welcome page to welcome your newly registered users. The URL needs to match the URL you will take your users to after successful login (from previous example:
Next, you have to add the following code to your custom code
<head> section in projects settings page.
You should have something like the following:
Insert Login Link to the login button you created on your login page
Then click on the purple Login Link button then click on the copy icon indicated by the red square.
Finally, insert the Login Link to the login button you created.
You're done 🎉
You can save the project and publish it. You should be able to log your users in.