How to Log into Your Website with the 1Password Browser Extension

Learn how to use the 1Password browser extension to log into your website.

The 1Password logo.

Security and convenience. Can you really have both when logging into your website? Absolutely. You just need a password manager with a browser extension.

While a password manager generates and stores passwords and encrypts them behind a master password — a browser extension is a plug-in that makes signing into your website secure and convenient with a single click.

Instead of copying and pasting login credentials between a password manager and a login page — you can autofill passwords, credit cards and addresses right from the browser.

In this post, I'm going to share how to use the 1Password browser extension to sign into your website.

1. Download 1Password

1Password's homepage

Before 1Password can be used in the browser, the desktop app must first be installed. Start by downloading and installing 1Password from the Mac App Store (macOS) or the AgileBits website — the company behind 1Password (see image).

For this example, I’m using 1Password 7 on macOS, but 1Password is available for the following operating systems:

  • macOS (High Sierra 10.13 or later)
  • iOS (12 or later)
  • Windows (7 or later)
  • Android (5.0 Lollipop or later)
  • Linux (Chrome or Firefox)
  • Chrome OS

Pro Tip
If you’re unsure which plan is right for your business, I recommend a 1Password Business membership. This is great for all business sizes and each team member gets a free family account.

2. Create a Master Password

Lock screen of 1Password's application

Launch 1Password and follow the prompts to create a master password (see image).

Pro Tip
With any 1Password membership, 1Password X can be used instead of 1Password 7 and the browser extension. 1Password X is the full 1Password experience that occurs entirely in the browser. Available for Chrome, Firefox and Opera browsers — not Safari.

3. Download the 1Password Browser Extension

1Password on the Chrome web store

After 1Password has been installed, the Safari browser extension will appear in the toolbar. The following browser extensions will need to be downloaded and installed separately:

Pro Tip
Download and install the 1Password browser extension for each browser that you use to easily log into your website (or any account). Then, disable your browsers from saving your passwords, so they don’t interfere with 1Password.

4. Unlock the 1Password Browser Extension

Unlocking 1Password's browser extension in Google Chrome

Go to your website's login page. Enter your username and password, but don’t click “Log In.”

Next, click the 1Password browser extension in the toolbar. The 1Password login window will then overlay atop the browser (see image). If necessary, resize and reposition the window.

After that, enter your 1Password master password to unlock the browser extension.

Pro Tip
To create a password, click “Password Generator” in the sidebar of the browser extension. If necessary, adjust the password recipe settings (length, digits, symbols). Click “Fill” when finished.

5. Save the New Login and Log into Your Website

Saving a new login with 1Password

Click the browser extension's gear icon. Then, click “Save New Login” (see image).

Next, another window will appear atop the browser. If you have more than one vault, choose where to keep the login and then give it a “Title” (optional). Click “Save Login.”

Finally, click “Log In” on your website's log in page.

The next time you visit your website's log in page, unlock the 1Password browser extension. 1Password will then provide the suggested login credentials based on the URL. Click the highlighted login and 1Password will autofill the username and password.

Pro Tip
Use the shortcut “Command Backslash” on macOS and “Ctrl Backslash” on Windows to quickly fill usernames and passwords. For more keyboard shortcuts, visit 1Password’s website.

Wrap Up

You just learned how to log into your website with the 1Password browser extension. This secure and convenient extension can be used to log into your website, generate passwords, fill credit cards, addresses and much more.

How to Log into Your Website with the 1Password Browser Extension first appeared on the Bento Sites Blog by Jeff Shibasaki.

Close-up of Jeff Shibasaki wearing a black hat.

Jeff Shibasaki

I’m an Atlanta web designer that specializes in website design and development on Webflow and Squarespace.

Get exclusive design and marketing tips.