​
Quick Start

Get up and running with Gately in minutes - no coding required!

​
Overview

This guide will help you set up Gately on your website in just a few simple steps. Whether you’re using Framer, Webflow, or any other platform, the process is straightforward.

1. Dashboard Setup

Configure your Gately project settings

2. Add to Website

Add the embed script to your site

3. Test & Customize

Test authentication and customize appearance

​
Step 1: Dashboard Setup

​
Create Your Project

  1. Go to https://app.usegately.com
  2. Sign up for a free account
  3. Create a new project with your site name
  4. Note your Project ID - you’ll need this later

​
Configure Basic Settings

  1. Go to Settings → General
  2. Set your site domain (e.g., yoursite.com)
  3. Choose your default language
  4. Set your timezone

​
Enable Authentication

  1. Go to Settings → Authentication
  2. Enable Email/Password authentication
  3. Optionally enable Magic Link or Social Login
  4. Configure sign-up fields (name, email, etc.)

​
Step 2: Add to Your Website

​
Get Your Embed Script

  1. Go to Settings → Installation
  2. Select your platform (Framer, Webflow, etc.)
  3. Copy the generated embed script

​
Add to Your Platform

​
For Framer:

  1. Go to Settings → Custom Code
  2. Paste the script into the <head> section
  3. Publish your site

​
For Webflow:

  1. Go to Project Settings → Custom Code
  2. Paste the script into the <head> section
  3. Publish your site

​
For Other Platforms:

  1. Find your platform’s custom code section
  2. Paste the script into the <head> section
  3. Publish your site
The embed script is lightweight and won’t affect your site’s performance. It automatically detects when authentication is needed and shows the appropriate forms.

​
Step 3: Test Your Setup

​
Test Authentication

  1. Visit your published site (not the editor)
  2. Look for authentication elements - they’ll appear automatically
  3. Try signing up with a test email
  4. Check your dashboard - the user should appear in your user list

​
Test Different Flows

  • Sign up flow: Create a new account
  • Login flow: Sign in with existing account
  • Password reset: Test the forgot password feature
  • Email verification: Check if verification emails are sent

​
Step 4: Customize Appearance

​
Branding

  1. Go to Settings → Branding
  2. Upload your logo
  3. Set your brand colors
  4. Choose your font family

​
Authentication Forms

  1. Go to Settings → Authentication
  2. Customize form fields and validation
  3. Set redirect URLs for post-login/signup
  4. Configure email templates

​
User Experience

  1. Go to Settings → User Experience
  2. Set success and error messages
  3. Configure session duration
  4. Set up security settings

​
What You Get

Once you complete the setup, your site will have:

Authentication System

Professional login and signup forms that automatically appear when needed.
  • Email/Password Authentication
  • Magic Link Authentication
  • Social Login (Google, GitHub)
  • Password Reset

User Management

Complete user interface for managing accounts and subscriptions.
  • User Profiles
  • Account Settings
  • Membership Cards
  • Plan Selection

Form Collection

Collect and manage form submissions from your site.
  • Contact Forms
  • Lead Generation
  • File Uploads
  • Data Export

Analytics Dashboard

Track user behavior and site performance.
  • User Analytics
  • Conversion Tracking
  • Form Submissions
  • Performance Insights

​
Platform-Specific Guides

​
Framer Integration

For detailed Framer setup instructions, see our Framer Integration Guide.

​
Webflow Integration

For detailed Webflow setup instructions, see our Webflow Integration Guide.

​
Other Platforms

For other platforms, see our Other Platforms Guide.

​
Troubleshooting

​
Next Steps

Authentication

Learn about authentication options and customization

User Management

Set up user profiles and account management

Dashboard

Configure your Gately project settings