How to add two-factor authentication in Webflow?

Tutorial
3 min
Published on Dec 28, 2021
Updated on
Blue computer screen with padlock, blue phone with key, Webflow logo on white and blue background.
Use AI to summarize this article
Key points

For enhanced security for your Webflow site, it is recommended to use a two-factor authentication system. To date, this is the most advanced authentication method available online. It involves verifying each new login on two different devices. Thus, if a new user attempts to access your Webflow account, in addition to needing to authenticate with a primary password, you will receive an authorization request on another device, such as your smartphone.

  • Authentication 1: enter your account password
  • Authentication 2: provide the temporary and unique password received on the second device

In this article, we will explain how to set up two-factor authentication for your Webflow site and projects.

1 - Add Webflow Two-Factor Authentication

To enable security with Webflow's two-factor authentication, navigate to the security settings of your project.

1.1 - Access your Webflow settings

To add your first two-factor authentication, log in to your Webflow account and access your account settings by clicking on your profile in the top right corner of the screen, then selecting "Account Settings".

Webflow account interface
Webflow General Settings

1.2 - Go to security settings

Once in your Webflow account's general settings, you will need to navigate to the security settings. To do this, click on "Security".

Webflow account settings interface
Webflow Security Settings

1.3 - Add two-factor authentication

Once you are in Webflow's security settings, simply click on "Enable Two-Factor Authentication" to activate Webflow's two-factor authentication and begin the setup process.

Adding a new two-factor authentication from Webflow's security settings
Adding a new Two-Factor Authentication in Webflow

1.4 - Follow the Webflow setup steps

  • STEP 1 - Install a two-factor authentication app on your phone. Webflow recommends Google Authenticator, available on Google Play or the App Store.
  • STEP 2 - Scan the QR code automatically generated in your Webflow security settings. If the QR code doesn’t work, Webflow will provide you with a code to enter manually. Good luck, it’s more complicated than your internet box password, but we can’t say it’s not secure!
  • STEP 3 - If you forget your authentication code, Webflow provides 8 “backup codes.” Be sure to save them somewhere now. Note that each code is valid only once. If you exhaust all your backup codes, you will need to reconfigure your two-factor authentication to generate new ones.
  • STEP 4 - Enter your authentication code.

2 - First login with two-factor authentication

During your next Webflow login, you will need to enter your two-factor authentication code for the first time.

Field to enter a two-factor authentication code for the first time in Webflow
First login with two-factor authentication

3 - Disable Webflow two-factor authentication

If you wish to disable Webflow's two-factor authentication, you will need to return to your Webflow security settings (see step 1) and then click on “Want to disable it?”. You will then be prompted to enter your authentication code to confirm the deactivation.

Retrieve a lost Webflow authentication code

If you lose your two-factor authentication code, you have two options:

  • Use one of the backup codes or recovery codes provided during your initial setup.
  • Contact Webflow support to disable two-factor authentication.
Thomas Labonne
Thomas Labonne
Co-founder

Suggested articles

Projection of the Digidop logo on a building facade in a major city at night, symbolizing brand visibility.
Storytelling
Digidop

Was it a good idea (or not) to name our company Digidop?

Was it a good idea (or not) to name our company Digidop?
Conceptual illustration of a user facing two versions of a website: a traditional interface on the left and a futuristic, data-driven one on the right. A metaphor for today’s and tomorrow’s web.
Documentation
AI

When LLMs Redefine the Role of Brand Websites

When LLMs Redefine the Role of Brand Websites
Visual identity of the Webflow Momentum Tour, with bold red and black graphic patterns and Digidop as a partner.
Events
Webflow

Webflow Momentum Tour Paris: Talks, Demo & Networking with Webflow & Digidop

Webflow Momentum Tour Paris: Talks, Demo & Networking with Webflow & Digidop

Want to turn your website into your most valuable asset?

Contact us today