Instructions

Log-in, Sign-up & Reset password pages functionality

The log-in page, sign-up page, and reset password page are to be exported outside of Webflow and not managed with Webflow user account features. Webflow user account functionality is made for websites that you can manage the content inside of Webflow itself, but for all SaaS products you'll have to redirect to the sign-up and log-in pages of your product.

You can export these 3 pages from Webflow to use them externally with your product or app.

Functionality

This template is made to be used as a starter for a software product or other SaaS app website.

This template does not include any functionality for signing in or signing up. If you want to add this functionality to this template, you can send user information through the sign-up form by using an integration such as Zapier to send the data somewhere, or changing the Webflow form to a form embed through another app.

You can also directly link the sign in and get started buttons to your app server "sign in" and "sign up" pages and leave the built in pages.

Naming Conventions

I've built a naming convention system that will make it easy to edit and add new content and sections as you go through and create new pages. The layouts are built using a 12 column grid (which you can read more about here), and also using grid blocks.

I've found that these are the best ways to create complex sections and beautiful pages, without having to completely reinvent the wheel by adding in hundreds of different classes. Find out more about how they work below.

Column naming conventions

Columns are a great way to be able to build hundreds of different unique layouts, all while keeping within the same simple system.

All you need to do is set up a "Column" class, then set up the different sizes for on desktop, tablet, and mobile. It's best to build on a 12 Column layout, as this is the structure that is currently most commonly used throughout the web, and most website designs are initially built on a 12 column layout.

This is much more flexible than using the built in Column element, as if you use the built in Columns, you'll find their limitations when you get stuck building a complex layout.


Customizable to suit your brand

Feel like changing something in the template? All of our templates where built using Webflow without writing code. That means you can customize them in every way to suit your brand. Learn more about how to customize Webflow sites at Help Center


Support