Skip to main content

Quick Start

This guide will walk you through the essential steps to get Gately integrated with your website in less than five minutes.

Step 1: Create Your Gately Project

First, you’ll need a Gately account and a project to work with.
1

Sign Up for Gately

If you don’t have an account, sign up for free.
2

Create a New Project

Once you’re in the dashboard, create a new project and give it a name.
3

Note Your Project ID

You’ll find your Project ID on the project’s main dashboard. Keep it handy, as you’ll need it to connect your site to Gately.

Step 2: Install Gately on Your Site

Next, you’ll add the Gately script to your website. This is a small, lightweight script that handles all the Gately functionality on your site.
1

Copy the Script

In your Gately dashboard, go to Settings → Installation and copy the embed script.
2

Paste the Script in Your Site's <head>

Open your website’s settings in your platform of choice (Framer, Webflow, etc.) and paste the script into the custom code section, inside the <head> tag.
3

Publish Your Site

Save your changes and publish your site. Gately is now installed!
For platform-specific instructions, check out our detailed guides for Framer and Webflow.

Step 3: Configure and Test

With Gately installed, you can now configure your authentication and branding.
1

Set Up Authentication

In your Gately dashboard, go to Settings → Authentication and enable the login methods you want to offer, such as email/password, magic links, or social logins.
2

Customize Your Branding

Go to Settings → Branding to upload your logo and set your brand colors. Gately’s components will automatically match your site’s styling.
3

Test the User Flow

Open your published website and try signing up or logging in. You should see your test user appear in your Gately dashboard under the “Users” tab.

You’re All Set!

That’s it! Gately is now live on your site, and you have a complete authentication and user management system up and running.

Next Steps