mirror of
https://github.com/bitwarden/help
synced 2025-12-12 14:23:15 +00:00
906e2ca0dd
* initial commit
* adding quotes for the array error
* Create Gemfile
* Create Gemfile.lock
* add .nvmrc and .node-version
* removed /article from URL
* update links to work with netlify
* more fixed links
* link fixes
* update bad links
* Update netlify.toml
toml test for redirects
* article redirect
* link fixes
* Update index.html
* Update netlify.toml
* Update _config.yml
* Update netlify.toml
* Update netlify.toml
* Update netlify.toml
* Update netlify.toml
* Update netlify.toml
* add article back into URL for launch
* Update netlify.toml
* Update netlify.toml
* add order to categories front matter
* Update netlify.toml
* update
* sidemenu update
* Revert "sidemenu update"
This reverts commit 5441c3d35c.
* update order prop
* Navbar updates per Gary and compiler warnings
* font/style tweaks
* Update sidebar.html
* Stage Release Documentation (#739)
* initial drafts
* rewrite Custom Fields article to prioritize new context-menu option & better organize ancillary information
* edit
* edit
* Custom Field Context Menu & CAPTCHA item in release notes
* SSO relink event
* update rn
* small edits
* improve release notes titles
* fix side menu
* Edits courtest of mportune!
* update order
* link fixes
* link cleanup
* image updates and a link
* fix trailing slash
Co-authored-by: DanHillesheim <79476558+DanHillesheim@users.noreply.github.com>
109 lines
6.4 KiB
Markdown
109 lines
6.4 KiB
Markdown
---
|
|
layout: article
|
|
title: Get Started with Browser Extensions
|
|
categories: [getting-started]
|
|
featured: false
|
|
popular: false
|
|
hidden: false
|
|
tags: [tutorial, getting started, browser extensions]
|
|
order: "03"
|
|
---
|
|
|
|
Bitwarden Browser Extensions integrate password management directly into your favorite browser. Download a Bitwarden Browser Extension from your browser's marketplace or app store, or from the [Bitwarden Downloads](https://bitwarden.com/download){:target="\_blank"} page.
|
|
|
|
Browser Extensions are supported for the two most recent versions of **Google Chrome**, **Mozilla Firefox**, **Opera**, **Microsoft Edge**, and **Safari**. For **Vivaldi**, **Brave**, and **Tor**, only the most recent version is supported.
|
|
|
|
{% callout success %}
|
|
**The Safari Browser Extension is packaged with the Desktop Application**, available for download from the App Store. For more information, see [Safari App Extension]({{site.baseurl}}/article/install-safari-app-extension/).
|
|
{% endcallout %}
|
|
|
|
{% image getting-started/browserext/browserext-vault.png Bitwarden Browser Extension in Google Chrome %}
|
|
|
|
## Explore your Vault
|
|
|
|
In the {% icon fa-lock %} **My Vault** view, you can browse all items in your Bitwarden Vault.
|
|
|
|
When you **Favorite** an item, it'll appear at the top of your Vault for easy access. Items are also sorted into **Types** (*Login, Card, Identity, or Secure Note*) and **Folders**. If you're a member of an Organization, **Collections** will also appear in your Vault.
|
|
|
|
### Get Organized with Favorites and Folders
|
|
|
|
Organizing your Vault into **Favorites** and **Folders** makes navigating your Vault a breeze.
|
|
|
|
**To add a Folder:**
|
|
|
|
1. Select the {% icon fa-cogs %} **Settings** tab.
|
|
2. Select the **Folders** option.
|
|
3. Select the {% icon fa-plus %} **Add** icon.
|
|
4. Give your new folder a name and select **Save**.
|
|
|
|
**To add a Vault item to a Folder or your Favorites:**
|
|
|
|
1. Select the item you want to edit.
|
|
2. Select **Edit** in the top-right corner of the Browser Extension.
|
|
3. Select a **Folder** from the dropdown to add this item to a folder, or check the **Favorite** checkbox to add it to your Favorites.
|
|
4. Select **Save** in the top-right corner of the Browser Extension.
|
|
|
|
For more information, see [Folders]({{site.baseurl}}/article/folders/) and [Favorites]({{site.baseurl}}/article/favorites/).
|
|
|
|
## Add a Login
|
|
|
|
Any time you log in to a website that doesn't already have a Login item saved for it, Bitwarden will offer to remember the login information for you:
|
|
|
|
{% image getting-started/browserext/browserext-add.png %}
|
|
|
|
Selecting **Yes, Save Now** will automatically add a Login item to your Vault with the entered username, password, and [URI]({% link _articles/features/uri-match-detection.md %}). You can also use the **Select folder...** dropdown to select which [Folder]({{site.baseurl}}/article/folders/) to save this item to.
|
|
|
|
{% callout success %}
|
|
You can disable this banner by selecting the **Disable Add Login Notification** option from the **Options** menu in your Browser Extension.
|
|
{% endcallout %}
|
|
|
|
## Launch a Website
|
|
|
|
You can launch a website directly from the Bitwarden Browser Extension by selecting the {% icon fa-share-square %} **Launch** button in any Vault item with a valid URI. If you're unfamiliar with using URIs, see [Using URIs]({{site.baseurl}}/article/uri-match-detection/).
|
|
|
|
{% image getting-started/browserext/browserext-launch.png %}
|
|
|
|
## Auto-fill Login Information
|
|
|
|
Bitwarden Browser Extensions have a unique **Tab** view, which automatically detects the URI (e.g. `myturbotax.intuit.com`) of the page displayed in the open tab and surfaces any Vault items with corresponding URIs.
|
|
|
|
When a Vault item has a corresponding URI, the Bitwarden icon will overlay a notification bubble reporting the number of Vault items for that web page (*pictured below*).
|
|
|
|
{% image getting-started/browserext/browserext-tab.png %}
|
|
|
|
Simply clicking on the Vault item inside the Browser Extension will auto-fill login information to the detected input fields.
|
|
|
|
There are a few other methods of auto-filling login information from your Browser Extension, including context menus and keyboard shortcuts. To learn about them, see [Browser Extension Auto-fill Options]({{site.baseurl}}/article/auto-fill-browser/).
|
|
|
|
## Unlock with PIN / Biometrics
|
|
|
|
For lightening fast access to your credentials, setup a PIN or Biometrics to unlock you Vault. To setup a PIN:
|
|
|
|
1. In your Browser Extension, open the {% icon fa-cogs %} **Settings** tab.
|
|
2. In the Security section, check the **Unlock with PIN** checkbox.
|
|
3. Enter the desired PIN code in the input box. PIN codes can be any combination of characters (a-z, 0-9, $, #, etc.)
|
|
|
|
{% callout success%}**Optional:** The pre-check option **Lock with master password on browser restart** will require you to enter your Master Password instead of a PIN when your browser restarts. If you want to be able to unlock with a PIN when you browser restarts, uncheck this option.{% endcallout %}
|
|
|
|
For more information, see [Unlock with PIN]({{site.baseurl}}/article/unlock-with-pin/) or [Unlock with Biometrics]({{site.baseurl}}/article/biometrics/).
|
|
|
|
## Pin an Extension
|
|
|
|
Pinning the Browser Extension will ensure that it's easily accessible each time you open your Browser. The procedure differs based on which browser you're using:
|
|
|
|
- **For Chrome**, select the {% icon fa-puzzle-piece %} **Extensions** icon to the right of the address bar and select the **Pin** icon next to Bitwarden in your Extensions list.
|
|
|
|
{% image chrome-pin.png %}
|
|
- **For Firefox**, enter `about:addons` in the address bar and toggle the Bitwarden Extension on. To customize *where* it appears in your browser, right-click the Bitwarden Browser Extension icon and select **Customize...** to open a drag-and-drop interface that lets you move or remove icons in your toolbar. You can also use the **Pin to Overflow Menu** option to pin Bitwarden to an overflow (**>>**) menu:
|
|
|
|
{% image ff-overflowpin.png %}
|
|
- For Safari, right-click anywhere in the tool bar and select **Customize Toolbar** to open a drag-and-drop interface that lets you move or remove icons in your toolbar.
|
|
|
|
{% image safari-pin.png %}
|
|
|
|
## Bitwarden 101: Getting Started with Browser Extensions
|
|
|
|
Use the following video for help getting started using Bitwarden Browser Extensions:
|
|
|
|
<iframe class="embed-responsive" width="800" height="450" src="https://www.youtube.com/embed/Epx6bLBsYlI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|