Two-factor authentication (2FA)

Set up two-factor authentication on your Webflow account and recover lost codes.

workspaces-billing
This video features an old UI. Updated version coming soon!
This video features a third-party integration, and the UI may not be up to date. Visit their documentation for up-to-date info!

Two-factor authentication gives your account an extra layer of security by requiring two authentication items: 

  •  Your account password
  •  A unique authentication code

In this lesson, you’ll learn:

  1. How to set up two-factor authentication
  2. How to log in with two-factor authentication
  3. How to retrieve a lost authentication code
  4. How to disable two-factor authentication

How to set up two-factor authentication

First, make sure you’re logged in. To enable two-factor authentication:

  1. Click the Account dropdown menu in the navbar
  2. Open Profile settings > Security tab
  3. Click Enable two-factor authentication
The Profile settings option in the Account dropdown menu.
The Two-factor authentication section is highlighted in the Security tab of Profile settings.

Then, follow the steps on your screen to set up your two-factor authentication:

  1. Install a two-factor authentication app (e.g., Google Authenticator)
  2. Scan the QR code
  3. Save your secure backup codes (this is important — you won’t see these again!)
  4. Enter your authentication code
  5. Click Confirm code
Important: We'll provide you with 8 backup codes that you'll only see when setting up the two-factor authentication. Make sure to copy and save them in a secure place. Each backup code expires after one use. To generate new backup codes, disable two-factor authentication and then re-enable it. If you run out of backup codes or lose them, you will need to contact customer support to disable two-factor authentication.
Note: The authentication app generates a timed, single-use, six-digit token every 30 seconds. Any expired code will not authenticate the login. 

How to log in with two-factor authentication

Next time you log in to Webflow, we’ll prompt you to enter your current two-factor authentication code. To access the latest version of your authentication code, open up your authentication app and check under your Webflow listing.

The authentication code entry field which appears after logging in once two-factor authentication is enabled.

How to retrieve a lost authentication code

If you've lost the device that your two-factor authentication app is on, or you are unable to retrieve your code, you can use one of the backup codes that were provided to you when you first signed up for two-factor authentication.

If you've run out of backup codes or lost them, you will need to contact customer support to disable two-factor authentication on your account.

How to disable two-factor authentication

First, make sure you’re logged in. To disable two-factor authentication:

  1. Click the Account dropdown menu in the navbar
  2. Open Profile settings > Security tab
  3. Click “Want to disable it?” in the Two-factor authentication section
  4. Enter your current authentication code
  5. Click Confirm code to disable two-factor authentication

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

A box that contains other boxes inside is called __ and the boxes inside another box are called __

The box model assessment

Get 100% and receive a badge – Login/sign up here

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

If you drag an element onto an empty canvas in Webflow, where will it automatically be placed?

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

Which CSS property affects the the outside of an element?

The box model assessment

Get 100% and receive a badge – Login/sign up here

The box model assessment

Get 100% and receive a badge – Login/sign up here

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

HTML/CSS assessment

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

Which HTML element is used to define a paragraph element?

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

What are the different types of HTML elements called?