From a491a9587e65e97581549ece5ac9979f4d4b1646 Mon Sep 17 00:00:00 2001 From: fred_the_tech_writer <69817454+fschillingeriv@users.noreply.github.com> Date: Mon, 22 Feb 2021 09:42:06 -0500 Subject: [PATCH] Landing Page (#413) * crazy egg script * Client gs guides (#398) * JS for intra-article tabbing * Combine Android/iOS guide to tabbable "Getting Started with Mobile" + image. * Link changes -> redirect. * b.e. & mobile edits * GS w/ Desktop App + Images * tagging * video cleanup * header improvements * GS w/ Web Vault + reorder * orgs name change * web vault article frame * web vault article * Landing (#399) * poc * "Home" sidebar option * Events into Resources card * events <-> suggest an edit * tweaks * card fix * fix video icons * video size * margin/border on secondary cards * added table items * links & drop a stray item * more responsive secondary cards * fixed linking * link fixes * crazy egg script merge * mobile view for alignment of columns in help * mobile image width issue fix * responsiveness fixes * final edits * link check Co-authored-by: David Choi --- .../create-bitwarden-account.md | 4 +- .../getting-started-android.md | 91 -------- .../getting-started-browserext.md | 15 +- .../getting-started-desktop.md | 215 ++++++++++++++++++ .../getting-started/getting-started-ios.md | 93 -------- .../getting-started/getting-started-mobile.md | 212 +++++++++++++++++ .../getting-started-organizations.md | 4 +- .../getting-started/getting-started-videos.md | 22 +- .../getting-started-webvault.md | 131 +++++++++++ .../deploying-bitwarden-as-a-msp.md | 2 +- _includes/connect.html | 9 + _includes/contact.html | 15 +- _includes/header.html | 32 +-- _includes/sidebar.html | 17 +- _includes/videos.html | 9 + _layouts/default.html | 4 +- _plugins/callout.rb | 2 +- _scss/_main.scss | 65 +++++- _scss/_sidebar.scss | 16 ++ images/getting-started/bitwarden-ios-trio.png | Bin 1353073 -> 1351816 bytes images/getting-started/desktop-app2.png | Bin 0 -> 106221 bytes images/getting-started/desktopapp.png | Bin 0 -> 97060 bytes images/getting-started/gs-uri.png | Bin 0 -> 102107 bytes images/getting-started/macos-bio1.png | Bin 0 -> 39681 bytes images/getting-started/macos-bio2.png | Bin 0 -> 24016 bytes images/getting-started/pwhistory.png | Bin 0 -> 20068 bytes images/getting-started/recoverycode.png | Bin 0 -> 22583 bytes images/getting-started/webvault.png | Bin 0 -> 76888 bytes images/landing/cli.png | Bin 0 -> 4860 bytes images/landing/desktop.png | Bin 0 -> 2890 bytes images/landing/directory-sync.png | Bin 0 -> 8137 bytes images/landing/extension.png | Bin 0 -> 4445 bytes images/landing/mobile.png | Bin 0 -> 3913 bytes images/landing/organizations.png | Bin 0 -> 10568 bytes images/landing/security.png | Bin 0 -> 4997 bytes images/landing/selfhost.png | Bin 0 -> 7665 bytes images/landing/sso.png | Bin 0 -> 4063 bytes images/landing/vault-final.png | Bin 0 -> 12618 bytes images/landing/video.png | Bin 0 -> 4616 bytes index.html | 102 ++++++--- js/bit.js | 11 + 41 files changed, 812 insertions(+), 259 deletions(-) delete mode 100644 _articles/getting-started/getting-started-android.md create mode 100644 _articles/getting-started/getting-started-desktop.md delete mode 100644 _articles/getting-started/getting-started-ios.md create mode 100644 _articles/getting-started/getting-started-mobile.md create mode 100644 _articles/getting-started/getting-started-webvault.md create mode 100644 _includes/connect.html create mode 100644 _includes/videos.html create mode 100644 images/getting-started/desktop-app2.png create mode 100644 images/getting-started/desktopapp.png create mode 100644 images/getting-started/gs-uri.png create mode 100644 images/getting-started/macos-bio1.png create mode 100644 images/getting-started/macos-bio2.png create mode 100644 images/getting-started/pwhistory.png create mode 100644 images/getting-started/recoverycode.png create mode 100644 images/getting-started/webvault.png create mode 100644 images/landing/cli.png create mode 100644 images/landing/desktop.png create mode 100644 images/landing/directory-sync.png create mode 100644 images/landing/extension.png create mode 100644 images/landing/mobile.png create mode 100644 images/landing/organizations.png create mode 100644 images/landing/security.png create mode 100644 images/landing/selfhost.png create mode 100644 images/landing/sso.png create mode 100644 images/landing/vault-final.png create mode 100644 images/landing/video.png diff --git a/_articles/getting-started/create-bitwarden-account.md b/_articles/getting-started/create-bitwarden-account.md index 72161a53..638290a0 100644 --- a/_articles/getting-started/create-bitwarden-account.md +++ b/_articles/getting-started/create-bitwarden-account.md @@ -28,6 +28,6 @@ Once you've created your account, prompt Bitwarden to send you a verification em ## Congratulations! For help getting going with Bitwarden, we recommend: -- [Getting Started with Android]({% link _articles/getting-started/getting-started-android.md %}) -- [Getting Started with iOS]({% link _articles/getting-started/getting-started-ios.md %}) +- [Getting Started with the Browser Extension]({% link _articles/getting-started/getting-started-browserext.md %}) +- [Getting Started with the Mobile Apps]({% link _articles/getting-started/getting-started-mobile.md %}) - [Bitwarden 101 Video Series - Getting Started](https://bitwarden.com/help/article/getting-started-videos/) diff --git a/_articles/getting-started/getting-started-android.md b/_articles/getting-started/getting-started-android.md deleted file mode 100644 index 4cd75650..00000000 --- a/_articles/getting-started/getting-started-android.md +++ /dev/null @@ -1,91 +0,0 @@ ---- -layout: article -title: Get Started with Android -categories: [getting-started] -featured: false -popular: false -hidden: false -tags: [tutorial, android] -order: 02 ---- - -Bitwarden for Android lets you take your password manager on the go. Download Bitwarden from the Google Play Store, or by opening [get.bitwarden.com](https://get.bitwarden.com) on your device. For help creating your Bitwarden account, see [Create Your Bitwarden Account](https://bitwarden.com/help/article/create-bitwarden-account/). - -When you login to Bitwarden on your Android device, you'll land on the {% icon fa-lock %} **My Vault** tab: - -{% image getting-started/bitwarden-android.png %} - -## Explore Your Vault -From the {% icon fa-lock %} **My Vault** tab, 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 Android Vault. - -## Get Organized with Favorites and Folders - -Organizing your Vault into **Favorites** and **Folders** makes navigating your Vault a breeze: - -1. Tap the item you want to edit. -2. Tap the {% icon fa-pencil %} Pencil icon in the bottom-right corner of your screen. -3. Tap **Folder** to select a folder for this item, or toggle the **Favorite** switch to add it to your Favorites. -3. Tap **Save** in the top-right corner of your screen. - -## Create New Items - -You can create new Logins, Cards, Identities, and Secure Notes directly from any Android device. - -1. In your Bitwarden Android app, tap the {% icon fa-plus %} Add icon in the bottom-right corner. -2. Choose which **Type** of item to create (for example, *Login*). -3. Enter all the information for the item (for example, *Username* and *Password*). -4. For Logins, enter the website the login is used for in the **URI** field (for example, [www.amazon.com](##create-items)). -5. Tap **Folder** or toggle the **Favorite** switch to sort the item in your Vault. -6. When you're finished, tap **Save** in the top-right corner of your screen. - -Go back and edit this item at any time by opening it and tapping the {% icon fa-pencil %} Pencil icon. - -Send an item to the **Trash** by opening it, tapping the menu ( {% icon fa-ellipsis-v %} ), and tapping **Delete**. Items in the Trash will remain there for 30 days before being permanently deleted. - -## Setup Auto-Fill - -Setup Auto-fill to automatically enter logins from your Android device to a Web Browser (like Chrome) or other app. - -1. In your Bitwarden Android app, tap the {% icon fa-cog %} **Settings** tab located at the bottom of your screen. - - Depending on which version of Android you're using, a number of Auto-fill options could be listed. -2. Tap your available Auto-fill option, and toggle it on. A green `Enabled` message will indicate that Auto-fill is active. - - Once toggled, you might be required to change some Android-native settings, depending on your available or enabled Auto-fill options. For more information, see [Auto-fill logins on Android]({% link _articles/features/auto-fill-android.md %}). - -## Unlock with Biometrics - -Unlocking Bitwarden with biometrics allows for seamless access to your Vault. If you haven't setup [fingerprint unlock](https://support.google.com/nexus/answer/6285273?hl=en) or [face unlock](https://support.google.com/pixelphone/answer/9517039?hl=en) on your Android device, you'll need to do that first from the Android {% icon fa-cog %} **Settings** app. - -1. In your Bitwarden Android app, tap the {% icon fa-cog %} **Settings** tab located at the bottom of your screen. -2. Depending on what your device has available, tap: - - **Unlock with Fingerprint** - - **Unlock with Face ID** -3. You'll be asked to verify with your fingerprint or face depending on your selection. A green `Enabled` label will indicate that an option is active. - -Once Enabled, you'll be able to open your Bitwarden app or Auto-fill logins using just your biometric method of choice. - -## Login Using Auto-fill - -Once you've setup [Auto-fill](#setup-auto-fill) and [Biometrics](#unlock-with-biometrics), logging into an app or website using Bitwarden is simple. - -1. Tap the Email/Username or Password input box in the app or website. -2. Depending on which auto-fill option your device uses, tap the available overlay: - - {% image /getting-started/autofill-android-2.png %} -3. You'll be prompted for your Face ID or Fingerprint. If you aren't using [Biometrics](#unlock-with-biometrics), enter your Master Password. -4. If you've connected a login to this website or app using the [URI field](#create-items), that login will appear in this window. If you haven't, tap {% icon fa-search %} **Search** to find it. - - Tap the login to automatically your email/username and password into the boxes, and sign in! - -## Bitwarden 101: Getting Started with Android - -See the video and presentation below for tips on getting started with Bitwarden on Android. - - - - - -[Download slideshow](https://drive.google.com/open?id=1RvkGbgP4MnJnRhHkmXwmmnVNsYNR_ZvcS65UURexBak){:target="_blank"} diff --git a/_articles/getting-started/getting-started-browserext.md b/_articles/getting-started/getting-started-browserext.md index 0ac5196d..17780fc5 100644 --- a/_articles/getting-started/getting-started-browserext.md +++ b/_articles/getting-started/getting-started-browserext.md @@ -5,8 +5,8 @@ categories: [getting-started] featured: false popular: false hidden: false -tags: [tutorial, browser extensions] -order: 04 +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 available for: @@ -34,7 +34,16 @@ When you **Favorite** an item, it'll appear at the top of your Vault for easy ac ### Get Organized with Favorites and Folders -Organizing your Vault into **Favorites** and **Folders** makes navigating your Vault a breeze: +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. diff --git a/_articles/getting-started/getting-started-desktop.md b/_articles/getting-started/getting-started-desktop.md new file mode 100644 index 00000000..a37c55a7 --- /dev/null +++ b/_articles/getting-started/getting-started-desktop.md @@ -0,0 +1,215 @@ +--- +layout: article +title: Get Started with Desktop Apps +categories: [getting-started] +featured: false +popular: false +hidden: false +tags: [tutorial, getting started, desktop, windows, mac, linux] +order: 05 +--- + +Bitwarden's Desktop App brings a full Vault experience straight out of your browser and into your desktop. Using a 3-column layout, the Bitwarden Desktop App is designed to help you quickly locate the Vault item you want to use or edit: + +{% image /getting-started/desktop-app2.png Bitwarden Desktop App%} + +- The left-most column contains your **Vault Filters**. Vault items are sorted into Types (*Login*, *Card*, *Identity*, or *Secure Note*), Folders, and Collections if you're a member of an Organization. + +- The middle column contains a list of **Vault Items**. Which items appear in the list is determined by the selected Filter. + +- The right-most column contains **Vault Item Information**. Which item is displayed is determined by what is selected from the list. + +Bitwarden's Desktop App is available for Windows, macOS, and Linux. For help getting started, select your Operating System: + + +
+
+{% capture winfo %} +## Bitwarden on Windows + +### Get Organized with Favorites and Folders + +Organizing your Vault into **Favorites** and **Folders** makes filtering your Vault a breeze. + +**To add a Folder:** + +1. In the Vault Filters column, select the {% icon fa-plus %} **Add** icon next to **Folders**. +2. Give your new folder a name and select {% icon fa-save %} **Save**. + +**To add a Vault item to a Folder or your Favorites:** + +1. Using the Vault Filter and List, open the Item Information for the item you want to organize. +2. In the Item Information panel, select the {% icon fa-pencil %} **Edit** icon. +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 the {% icon fa-save %} **Save** icon. + +For more information, see [Folders]({% link _articles/features/folders.md %}) and [Favorites]({% link _articles/features/favorites.md %}). + +### Create New Logins + +You can create new Logins, Cards, Identities, and Secure Notes directly from your Desktop App. + +1. At the bottom of the Vault Item List, select the {% icon fa-plus %} **Add** icon. +2. In the Add Item panel, choose which **Type** of item to create (for example, *Login*). +3. Enter all the information for the new item (for example, *Username* and *Password*). +4. For a Login item, enter the web site or service it's used for in the **URI** field (for example, https://www.google.com). +5. Select a **Folder** from the dropdown or check the **Favorites** checkbox to organize the item in your Vault. +6. When you're finished, select {% icon fa-save %} **Save**. + +You can go back and edit this item at any time using the {% icon fa-pencil %} **Edit** icon in the Item Information panel. + +### Unlock with Biometrics + +Biometric Unlock allows for seamless access to your Windows Desktop App using [Windows Hello](https://docs.microsoft.com/en-us/windows-hardware/design/device-experiences/windows-hello){:target="\_blank"} with PIN, Facial Recognition, or [other hardware that meets Windows Hello biometric requirements](https://docs.microsoft.com/en-us/windows-hardware/design/device-experiences/windows-hello-biometric-requirements){:target="\_blank"}. + +{% callout info %} +Windows Hello must be enabled on your computer **before** it can be enabled in Bitwarden. +{% endcallout %} + +1. In your Desktop App, select **File** → **Settings**. +2. In the Security section, an **Unlock with Windows Hello** option will appear if Windows Hello is supported and enabled on your computer: + + {% image /biometrics/windows.png Windows unlock options %} + + Check the **Unlock with Windows Hello** option to proceed. Your computer will prompt you to input your biometric. + +Once enabled, a new button will be presented on the Unlock screen. Selecting **Unlock with Windows Hello** will prompt you to input your biometric to initiate unlock. + +{% image /biometrics/hello-unlock.png Unlock with Windows Hello %} + +### Start Bitwarden Automatically + +Starting Bitwarden automatically when you login to your desktop can help make sure your credentials are always at your fingertips. + +1. Select **File** → **Settings**. +2. Scroll to the bottom of the Options section, and check the **Start automatically on login** checkbox. + +Next time you login to your desktop, the Bitwarden App will automatically open. + +{% endcapture %} +{{ winfo | markdownify }} +
+
+{% capture minfo %} +## Bitwarden on macOS + +### Get Organized with Favorites and Folders + +Organizing your Vault into **Favorites** and **Folders** makes filtering your Vault a breeze. + +**To add a Folder:** + +1. In the Vault Filters column, select the {% icon fa-plus %} **Add** icon next to **Folders**. +2. Give your new folder a name and select {% icon fa-save %} **Save**. + +**To add a Vault item to a Folder or your Favorites:** + +1. Using the Vault Filter and List, open the Item Information for the item you want to organize. +2. In the Item Information panel, select the {% icon fa-pencil %} **Edit** icon. +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 the {% icon fa-save %} **Save** icon. + +For more information, see [Folders]({% link _articles/features/folders.md %}) and [Favorites]({% link _articles/features/favorites.md %}). + +### Create New Logins + +You can create new Logins, Cards, Identities, and Secure Notes directly from your Desktop App. + +1. At the bottom of the Vault Item List, select the {% icon fa-plus %} **Add** icon. +2. In the Add Item panel, choose which **Type** of item to create (for example, *Login*). +3. Enter all the information for the new item (for example, *Username* and *Password*). +4. For a Login item, enter the web site or service it's used for in the **URI** field (for example, https://www.google.com). +5. Select a **Folder** from the dropdown or check the **Favorites** checkbox to organize the item in your Vault. +6. When you're finished, select {% icon fa-save %} **Save**. + +You can go back and edit this item at any time using the {% icon fa-pencil %} **Edit** icon in the Item Information panel. + +### Unlock with Biometrics + +Biometric Unlock allows for seamless access to your macOS Desktop App using native [Touch ID](https://support.apple.com/en-us/HT207054){:target="\_blank"} technology. + +{% callout note %} +Touch ID must be enabled on your computer **before** it can be enabled in Bitwarden. See Apple's [Touch ID Documentation](https://support.apple.com/en-us/HT207054){:target="\_blank"} for help. +{% endcallout %} + +1. From the macOS menu bar, select **Bitwarden** → **Preferences**. +2. In the Security section, an **Unlock with Touch ID** option will appear if Touch ID is supported and enabled on your computer: + + {% image /getting-started/macos-bio1.png macOS unlock options%} + + Check the **Unlock with Touch ID** checkbox to proceed. Your computer will prompt your to input your fingerprint to confirm. + +Once enabled, a new button will be presented on the Unlock screen. Selecting **Unlock with Touch ID** will prompt you to input your fingerprint and initiate unlock once authenticated. + +{% image /getting-started/macos-bio2.png Unlock with Touch ID %} + +### Start Bitwarden Automatically + +Starting Bitwarden automatically when you login to your desktop can help make sure your credentials are always at your fingertips. + +1. From the macOS menu bar, **Bitwarden** → **Preferences**. +2. Scroll to the bottom of the Options section, and check the **Start automatically on login** checkbox. + +Next time you login to your desktop, the Bitwarden App will automatically open. + +{% endcapture %} +{{ minfo | markdownify }} +
+
+{% capture linfo %} +## Bitwarden on Linux + +### Get Organized with Favorites and Folders + +Organizing your Vault into **Favorites** and **Folders** makes filtering your Vault a breeze. + +**To add a Folder:** + +1. In the Vault Filters column, select the {% icon fa-plus %} **Add** icon next to **Folders**. +2. Give your new folder a name and select {% icon fa-save %} **Save**. + +**To add a Vault item to a Folder or your Favorites:** + +1. Using the Vault Filter and List, open the Item Information for the item you want to organize. +2. In the Item Information panel, select the {% icon fa-pencil %} **Edit** icon. +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. +3. Select the {% icon fa-save %} **Save** icon. + +For more information, see [Folders]({% link _articles/features/folders.md %}) and [Favorites]({% link _articles/features/favorites.md %}). + +### Create New Logins + +You can create new Logins, Cards, Identities, and Secure Notes directly from your Desktop App. + +1. At the bottom of the Vault Item List, select the {% icon fa-plus %} **Add** icon. +2. In the Add Item panel, choose which **Type** of item to create (for example, *Login*). +3. Enter all the information for the new item (for example, *Username* and *Password*). +4. For a Login item, enter the web site or service it's used for in the **URI** field (for example, https://google.com). +5. Select a **Folder** from the dropdown or check the **Favorites** checkbox to organize the item in your Vault. +6. When you're finished, select {% icon fa-save %} **Save**. + +You can go back and edit this item at any time using the {% icon fa-pencil %} **Edit** icon in the Item Information panel. + +### Start Bitwarden Automatically + +Starting Bitwarden automatically when you login to your desktop can help make sure your credentials are always at your fingertips. + +1. Select **File** → **Settings**. +2. Scroll to the bottom of the Options section, and check the **Start automatically on login** checkbox. + +Next time you login to your desktop, the Bitwarden App will automatically open. + +{% endcapture %} +{{ linfo | markdownify }} +
+
diff --git a/_articles/getting-started/getting-started-ios.md b/_articles/getting-started/getting-started-ios.md deleted file mode 100644 index 9d7b8a75..00000000 --- a/_articles/getting-started/getting-started-ios.md +++ /dev/null @@ -1,93 +0,0 @@ ---- -layout: article -title: Get Started with iOS -categories: [getting-started] -featured: false -popular: false -hidden: false -tags: [tutorial, ios] -order: 03 ---- - -Bitwarden for iOS lets you take your password manager on the go. Download Bitwarden from the App Store, or by opening [get.bitwarden.com](https://get.bitwarden.com) on your device. For help creating your Bitwarden account, see [Create Your Bitwarden Account](https://bitwarden.com/help/article/create-bitwarden-account/). - -When you login to Bitwarden on your iOS device, you'll land on the {% icon fa-lock %} **My Vault** tab: - -{% image /getting-started/bitwarden-ios.png Bitwarden iOS %} - -## Explore Your Vault -From the {% icon fa-lock %} **My Vault** tab, 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 iOS Vault. - -## Get Organized with Favorites and Folders - -Organizing your Vault into **Favorites** and **Folders** makes navigating your Vault a breeze: - -1. Tap the item you want to edit. -2. Tap **Edit** in the top-right corner of your screen. -3. Tap **Folder** to select a folder for this item, or toggle the **Favorite** switch to add it to your Favorites. -3. Tap **Save** in the top-right corner of your screen. - -## Create New Items - -You can create new Logins, Cards, Identities, and Secure Notes directly from any iOS device. - -1. Tap the {% icon fa-plus %} Add icon in the top-right corner. -2. Choose which **Type** of item to create (for example, *Login*). -3. Enter all the information for the item (for example, *Username* and *Password*). -4. For Logins, enter the website the login is used for in the **URI** field (for example, [www.amazon.com](#)). -5. Tap **Folder** or toggle the **Favorite** switch to organize the item in your Vault. -6. When you're finished, tap **Save** in the top-right corner of your screen. - -Go back and edit this item at any time by opening it and tapping **Edit**. - -Send an item to the **Trash** by opening it, tapping the menu ( {% icon fa-ellipsis-v %} ), and tapping **Delete**. Items in the Trash will remain there for 30 days before being permanently deleted. - -## Setup Auto-fill - -Setup Auto-fill to automatically enter logins from your iOS device to a Web Browser (like Safari) or other app. - -1. On the iOS home screen, tap the {% icon fa-cog %} **Settings** app. -2. From the Settings menu, tap **Passwords**. -3. Tap **AutoFill Passwords**. -4. Tap the **AutoFill Passwords** toggle. Green indicates that AutoFill is active. -5. From the **Allow Filling From** list, select **Bitwarden**. A check-mark ( {% icon fa-check %} ) indicates that Bitwarden is selected. - -When you create new logins, make sure you enter a website in the [URI field](#create-items) to surface them for Auto-fill. - -## Unlock with Biometrics - -Unlocking Bitwarden with biometrics allows for seamless access to your Vault. If you haven't setup Touch ID or Face ID on your iOS device, you'll need to do that first from the iOS {% icon fa-cog %} **Settings** app. - -1. In your Bitwarden iOS app, tap the {% icon fa-cogs %} **Settings** tab located at the bottom of your screen. -2. Depending on what your device has available, tap: - - **Unlock with Touch ID** - - **Unlock with Face ID** -3. You'll be asked to verify with your fingerprint or face depending on your selection. A green `Enabled` label will indicate that an option is active. - -Once Enabled, you'll be able to open your Bitwarden app or Auto-fill logins using just your biometric method of choice. - -## Login using Auto-fill - -Once you've setup [Auto-fill](#setup-auto-fill) and [Biometrics](#unlock-with-biometrics), logging into an app or website using Bitwarden is simple. - -1. Tap the Email/Username or Password input box in the app or website. -2. Above your keyboard, tap **Passwords**. - - {% image /getting-started/autofill-ios.png %} -3. You'll be prompted for your Face ID or Touch ID. If you aren't using [Biometrics](#unlock-with-biometrics), enter your Master Password. -4. If you've connected a login to this website or app using the [URI field](#create-items), that login will appear in this window. If you haven't, tap {% icon fa-search %} **Search** to find it. - - Tap the login to automatically your email/username and password into the boxes, and sign in! - -## Bitwarden 101: Get Started with iOS - -Use the following video or slideshow for help getting started using Bitwarden for iOS: - - -
-
- - -[Download slideshow](https://docs.google.com/presentation/d/1ODMT96657H61qhYm1y-Evz2gzStM8zGx_ewKRtTX7u8){:target="_blank"} diff --git a/_articles/getting-started/getting-started-mobile.md b/_articles/getting-started/getting-started-mobile.md new file mode 100644 index 00000000..a02525f9 --- /dev/null +++ b/_articles/getting-started/getting-started-mobile.md @@ -0,0 +1,212 @@ +--- +layout: article +title: Get Started with Mobile Apps +categories: [getting-started] +featured: false +popular: false +hidden: false +tags: [tutorial, getting started, mobile, android, ios] +order: 04 +redirect_from: + - /article/getting-started-android/ + - /article/getting-started-ios/ +--- + +Bitwarden's Mobile App lets you take your password manager on the go. Download Bitwarden from the App Store or Google Play Store, or by navigating to [get.bitwarden.com](https://get.bitwarden.com) on any device. + +{% image /getting-started/bitwarden-ios-trio.png Bitwarden on Android and iOS%} + +Bitwarden's Mobile App is available for iOS and Android. For help getting started, select which device you use: + + + +
+
+{% capture and_gs %} +## Bitwarden on Android + +### Explore your Vault + +When you log in to Bitwarden on your Android device, you'll land on the {% icon fa-lock %} **My Vault** tab. From this tab, 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 here. + +### 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. Tap the item you want to edit. +2. Tap the {% icon fa-pencil %} Pencil icon in the bottom-right corner of your screen. +3. Tap **Folder** to select a folder for this item, or toggle the **Favorite** switch to add it to your Favorites. +3. Tap **Save** in the top-right corner of your screen. + +For more information, see [Folders]({% link _articles/features/folders.md %}) and [Favorites]({% link _articles/features/favorites.md %}). + +### Create New Logins + +You can create new Logins, Cards, Identities, and Secure Notes directly from any Android device. + +1. In your Bitwarden Android app, tap the {% icon fa-plus %} Add icon in the bottom-right corner. +2. Choose which **Type** of item to create (for example, *Login*). +3. Enter all the information for the item (for example, *Username* and *Password*). +4. For Logins, enter the website the login is used for in the **URI** field (for example, [www.amazon.com](##create-items)). +5. Tap **Folder** or toggle the **Favorite** switch to sort the item in your Vault. +6. When you're finished, tap **Save** in the top-right corner of your screen. + +Go back and edit this item at any time by opening it and tapping the {% icon fa-pencil %} Pencil icon. + +Send an item to the **Trash** by opening it, tapping the menu ( {% icon fa-ellipsis-v %} ), and tapping **Delete**. Items in the Trash will remain there for 30 days before being permanently deleted. + +### Setup Auto-Fill + +Setup Auto-fill to automatically enter logins from your Android device to a Web Browser (like Chrome) or other app. + +1. In your Bitwarden Android app, tap the {% icon fa-cog %} **Settings** tab located at the bottom of your screen. + + Depending on which version of Android you're using, a number of Auto-fill options could be listed. +2. Tap your available Auto-fill option, and toggle it on. A green `Enabled` message will indicate that Auto-fill is active. + + Once toggled, you might be required to change some Android-native settings, depending on your available or enabled Auto-fill options. For more information, see [Auto-fill logins on Android]({% link _articles/features/auto-fill-android.md %}). + +### Unlock with Biometrics + +Unlocking Bitwarden with biometrics allows for seamless access to your Vault. If you haven't setup [fingerprint unlock](https://support.google.com/nexus/answer/6285273?hl=en) or [face unlock](https://support.google.com/pixelphone/answer/9517039?hl=en) on your Android device, you'll need to do that first from the Android {% icon fa-cog %} **Settings** app. + +1. In your Bitwarden Android app, tap the {% icon fa-cog %} **Settings** tab located at the bottom of your screen. +2. Depending on what your device has available, tap: + - **Unlock with Fingerprint** + - **Unlock with Face ID** +3. You'll be asked to verify with your fingerprint or face depending on your selection. A green `Enabled` label will indicate that an option is active. + +Once Enabled, you'll be able to open your Bitwarden app or Auto-fill logins using just your biometric method of choice. + +### Login Using Auto-fill + +Once you've setup [Auto-fill](#setup-auto-fill) and [Biometrics](#unlock-with-biometrics), logging into an app or website using Bitwarden is simple. + +1. Tap the Email/Username or Password input box in the app or website. +2. Depending on which auto-fill option your device uses, tap the available overlay: + + {% image /getting-started/autofill-android-2.png Android Auto-fill varieties %} +3. You'll be prompted for your Face ID or Fingerprint. If you aren't using [Biometrics](#unlock-with-biometrics), enter your Master Password. +4. If you've connected a login to this website or app using the [URI field](#create-items), that login will appear in this window. If you haven't, tap {% icon fa-search %} **Search** to find it. + + Tap the login to automatically your email/username and password into the boxes, and sign in. + +### Bitwarden 101: Get Started with Android + +Use the following Bitwarden 101 video if you want us to walk you through using Bitwarden on Android. You can also [download the slideshow](https://drive.google.com/open?id=1RvkGbgP4MnJnRhHkmXwmmnVNsYNR_ZvcS65UURexBak){:target="_blank"} to use later. + + + +{% endcapture %} +{{ and_gs | markdownify }} +
+
+{% capture ios_gs %} +## Bitwarden on iOS + +### Explore your Vault + +When you log in to Bitwarden on your iOS device, you'll land on the {% icon fa-lock %} **My Vault** tab. From this tab, 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 here. + +### 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. Tap the item you want to edit. +2. Tap **Edit** in the top-right corner of your screen. +3. Tap **Folder** to select a folder for this item, or toggle the **Favorite** switch to add it to your Favorites. +3. Tap **Save** in the top-right corner of your screen. + +For more information, see [Folders]({% link _articles/features/folders.md %}) and [Favorites]({% link _articles/features/favorites.md %}). + +### Create New Logins + +You can create new Logins, Cards, Identities, and Secure Notes directly from any iOS device. + +1. Tap the {% icon fa-plus %} Add icon in the top-right corner. +2. Choose which **Type** of item to create (for example, *Login*). +3. Enter all the information for the item (for example, *Username* and *Password*). +4. For Logins, enter the website the login is used for in the **URI** field (for example, [www.amazon.com](#)). +5. Tap **Folder** or toggle the **Favorite** switch to organize the item in your Vault. +6. When you're finished, tap **Save** in the top-right corner of your screen. + +Go back and edit this item at any time by opening it and tapping **Edit**. + +Send an item to the **Trash** by opening it, tapping the menu ( {% icon fa-ellipsis-v %} ), and tapping **Delete**. Items in the Trash will remain there for 30 days before being permanently deleted. + +### Setup Auto-fill + +Setup Auto-fill to automatically enter logins from your iOS device to a Web Browser (like Safari) or other app. + +1. On the iOS home screen, tap the {% icon fa-cog %} **Settings** app. +2. From the Settings menu, tap **Passwords**. +3. Tap **AutoFill Passwords**. +4. Tap the **AutoFill Passwords** toggle. Green indicates that AutoFill is active. +5. From the **Allow Filling From** list, select **Bitwarden**. A check-mark ( {% icon fa-check %} ) indicates that Bitwarden is selected. + +When you create new logins, make sure you enter a website in the [URI field](#create-items) to surface them for Auto-fill. + +### Unlock with Biometrics + +Unlocking Bitwarden with biometrics allows for seamless access to your Vault. If you haven't setup Touch ID or Face ID on your iOS device, you'll need to do that first from the iOS {% icon fa-cog %} **Settings** app. + +1. In your Bitwarden iOS app, tap the {% icon fa-cogs %} **Settings** tab located at the bottom of your screen. +2. Depending on what your device has available, tap: + - **Unlock with Touch ID** + - **Unlock with Face ID** +3. You'll be asked to verify with your fingerprint or face depending on your selection. A green `Enabled` label will indicate that an option is active. + +Once Enabled, you'll be able to open your Bitwarden app or Auto-fill logins using just your biometric method of choice. + +### Login using Auto-fill + +Once you've setup [Auto-fill](#setup-auto-fill) and [Biometrics](#unlock-with-biometrics), logging into an app or website using Bitwarden is simple. + +1. Tap the Email/Username or Password input box in the app or website. +2. Above your keyboard, tap **Passwords**. + + {% image /getting-started/autofill-ios.png %} +3. You'll be prompted for your Face ID or Touch ID. If you aren't using [Biometrics](#unlock-with-biometrics), enter your Master Password. +4. If you've connected a login to this website or app using the [URI field](#create-items), that login will appear in this window. If you haven't, tap {% icon fa-search %} **Search** to find it. + + Tap the login to automatically your email/username and password into the boxes, and sign in. + +### Bitwarden 101: Get Started with iOS + +Use the following Bitwarden 101 video if you want us to walk you through using Bitwarden on iOS. You can also [download the slideshow](https://docs.google.com/presentation/d/1ODMT96657H61qhYm1y-Evz2gzStM8zGx_ewKRtTX7u8){:target="_blank"} to use later. + + + +{% endcapture %} +{{ ios_gs | markdownify }} +
+
diff --git a/_articles/getting-started/getting-started-organizations.md b/_articles/getting-started/getting-started-organizations.md index 93aa5f13..b7ffd66a 100644 --- a/_articles/getting-started/getting-started-organizations.md +++ b/_articles/getting-started/getting-started-organizations.md @@ -1,12 +1,12 @@ --- layout: article -title: Getting Started with Bitwarden Organizations +title: Get Started with Organizations categories: [getting-started] featured: false popular: false hidden: false tags: [tutorial] -order: 05 +order: 06 --- With the Bitwarden free account, and a free Organization for up to 2 users, you can experience secure sharing in no time! diff --git a/_articles/getting-started/getting-started-videos.md b/_articles/getting-started/getting-started-videos.md index e623b895..55b3c98a 100644 --- a/_articles/getting-started/getting-started-videos.md +++ b/_articles/getting-started/getting-started-videos.md @@ -5,21 +5,33 @@ categories: [getting-started] featured: true popular: false tags: [getting started, videos, bitwarden 101] -order: 07 +order: 08 --- ## Bitwarden 101 - Getting Started -Videos in this article are intended to walk you through getting started using Bitwarden +Videos in this article are intended to walk you through getting started using Bitwarden. -### How to create an account and login +### Create an account and login -### Vault Management +### Manage your Vault -### How to setup the browser extension +### Getting Started with Browser Extensions + +### Getting Started with Android + +[Download the slideshow](https://drive.google.com/open?id=1RvkGbgP4MnJnRhHkmXwmmnVNsYNR_ZvcS65UURexBak){:target="_blank"} + + + +### Getting Started with iOS + +[Download the slideshow](https://docs.google.com/presentation/d/1ODMT96657H61qhYm1y-Evz2gzStM8zGx_ewKRtTX7u8){:target="_blank"} + + diff --git a/_articles/getting-started/getting-started-webvault.md b/_articles/getting-started/getting-started-webvault.md new file mode 100644 index 00000000..b1dad8d4 --- /dev/null +++ b/_articles/getting-started/getting-started-webvault.md @@ -0,0 +1,131 @@ +--- +layout: article +title: Get Started with the Web Vault +categories: [getting-started] +featured: false +popular: false +hidden: false +tags: [tutorial, getting started, web vault] +order: 02 +--- + +**The Bitwarden Web Vault provides the richest Bitwarden experience** for personal users and Organizations. Lots of important functions, like setting up [Two-step Login]({% link _articles/two-step-login/setup-two-step-login.md %}) or administering an [Organization]({% link _articles/organizations/about-organizations.md %}), can only be done from the Web Vault. + +Your Web Vault is accessible from any modern web browser by navigating to [vault.bitwarden.com](https://vault.bitwarden.com){:target=\_blank}. + +{% image /getting-started/webvault.png The Bitwarden Web Vault %} + +When your first log in to your Web Vault, you'll land on the **My Vault** view. This space will list all your Vault items, including Logins, Cards, Identities, and Secure Notes. To learn about these different types of items, see [Vault Items]({% link _articles/account/managing-items.md %}). + +## First Steps + +In the above screenshot, your **My Vault** view is showing {% icon fa-th %} **All Items**. The **Filters** column on the left-hand side of the Vault can help you use **Favorites** and **Folders** organized Vault so that you can quickly find whatever you're looking for. + +Let's start by setting up a new Folder and adding a new Login Vault item to it: + +#### Create a Folder + +To create a folder: + +1. Select the {% icon fa-plus %} plus icon next to the Folders section in your Filters column. +2. Enter a Name (e.g. `Social Media Logins`) for your folder and select **Save**. + + {% callout success %}For added organizational prowess, you can nest folders inside other folders. To learn how, see [Folders]({% link _articles/features/folders.md %}).{% endcallout %} + +#### Add a Login + +To add a new Login item: + +1. Select the {% icon fa-plus %} **Add Item** button near the top-right of your Vault. +2. Make sure that **Login** is selected from the type dropdown (if you're adding a Card, Identity, or Secure Note instead, select that type). +3. Enter a **Name** for the item. Names are used to help you easily identify an item in your Vault, so give it a recognizable one (e.g. `My Twitter Login`). +4. Enter your **Username** and **Password** for the Login item. For now, enter your **existing** password, we'll help you [replace it with a stronger password](#generate-a-strong-password) later. +5. We always recommend adding something to the **URI 1** field so that you can auto-fill your Login from your [mobile app]({% link _articles/getting-started/getting-started-mobile.md %}) or [browser extension]({% link _articles/getting-started/getting-started-browserext.md %}). + + For most Login items, this should be the URL a webpage (e.g. `https://twitter.com/login`). If you don't know what URL to use, navigate to the website's login screen and copy it from your address bar. + + {% image /getting-started/gs-uri.png Finding a URI %} +6. From the **Folder** dropdown menu, select the name of the Folder you want to add this item to (e.g. the `Social Media Logins` folder we created earlier). + + Select the {% icon fa-star-o %} **Favorite** icon in the bottom-right of this panel if you want to add this item to your Favorites. The icon will fill-in ({% icon fa-star-o %} → {% icon fa-star %}) when it's marked as a Favorite. +7. Nice work! Select the **Save** button to finish adding this item. + +## Generate a Strong Password + +Now that a new Login item is saved in your Vault, you can beef up its security by replacing the existing password with a stronger one: + +1. In your Bitwarden Vault open, click on the item you want to secure to view its information. +2. In a new tab or window, open the corresponding website and login to your account. + + {% callout success %}If you entered something in the **URI 1** field, click the {% icon fa-share %} **Launch** icon to open it directly from your Vault!{% endcallout %} +3. On that website, navigate to the area where you can **Change your password**. + + Typically, you can find this in a **Your Account**, **Security**, **Sign in Settings**, or **Login Settings** section. +4. Most websites will require you to enter your **Current password** first. Tab back over to your Bitwarden Vault and click the {% icon fa-copy %} **Copy** icon next to the **Password** field. Then, tab back over to the website and paste it in the **Current password** field. + + You might have the old password memorized, but it's a good idea to get in the habit of copying and pasting your password since this is primarily how you'll be logging in to websites once your password is replaced with a stronger one. +5. Tab back over to your Bitwarden Vault and click the {% icon fa-refresh %} **Generate** icon next to the **Password** field. You'll be asked whether you want to overwrite the current password, so click **Yes** to proceed. + + This will replace your **Password** value with a randomly generated strong password. Moving from a password like `Fido1234` to `X@Ln@x9J@&u@5n##B` can stop would-be hacker in their tracks. +6. Copy your new password with the same {% icon fa-copy %} **Copy** icon you used earlier, and hit the **Save** button. + + {% callout success %}Don't worry about overwriting your existing password! If something goes wrong, Bitwarden maintains a **Password History** for every Login item:

{% image /getting-started/pwhistory.png %}{% endcallout %} +7. Tab back over to the other website, and paste your strong password in the **New Password** and **Confirm new password** fields. +8. Once you **Save** the password change, you're finished! + +## Import Your Data + +Do you have usernames and passwords saved somewhere else, for instance in a web browser like Google Chrome or another password manager like LastPass? + +**Good news!** In your Web Vault, you can import credentials to Bitwarden in-bulk rather than having to manually create a new item for each. To learn how, use our guide on [Importing Data to your Vault]({% link _articles/importing/import-data.md %}). + +## Setup Two-step Login + +Besides using a really good [Master Password]({% link _articles/account/master-password.md %}), using Two-step Login is the best measure you can take to protect your Vault. Two-step Login requires that you verify your identity upon logging in to your account using an additional "token", typically retrieved from a different device. + +There are many [available methods]({% link _articles/two-step-login/setup-two-step-login.md %}) for Two-step Login, but the recommended method for a free Bitwarden account is using a mobile device authenticator app like [Authy](https://authy.com/){:target="\_blank"}: + +1. Download Authy on your mobile device. +2. In your Bitwarden Web Vault, navigate to the **Settings** tab from the top navigation bar. +3. From the left-side Settings menu, select **Two-step Login**. +4. Locate the **Authenticator App** option and select the **Manage** button: + + {% image /two-step/twostep-options-authoverlay.png Select the Manage Button %} + + You'll be prompted to enter your Bitwarden Master Password to continue. +5. On your mobile device, open Authy and tap the {% icon fa-plus %} **Add Account** button. +6. Scan the QR code located in your Web Vault using Authy. Once scanned, Authy will display a 6-digit verification code. +7. Enter the 6-digit verification code in the dialog box in your Web Vault, and select the **Enable** button. +8. Select the **Close** button to return to the Two-step Login screen, and select the **View Recovery Code** button. + + Your Two-step Login Recovery code can be used in the event that you lose your mobile device. **This is a critical step to ensure you don't ever get locked out of your Vault**, so don't skip it! +9. Enter your Master Password and select the **Continue** button to get your Recovery Code. + + {% image /getting-started/recoverycode.png Example Recovery Code %} + +Save your Recovery Code in the way that makes the most sense for you. Believe it or not, printing your Recovery Code and keeping it somewhere safe is one of the best ways to make that the code isn't vulnerable to theft or inadvertent deletion. + +## Signup for Premium + +Congratulations on mastering the basics of Bitwarden! We want everyone to be safe online, so we're proud to offer everything you've learned about here for free. + +For personal users, we offer a premium subscription for **$10 / year** that unlocks advanced Vault capabilities including: + +- Advanced Two-step Login options, like [Duo]({% link _articles/two-step-login/setup-two-step-login-duo.md %}) and [YubiKey Security Keys]({% link _articles/two-step-login/setup-two-step-login-yubikey.md %}) +- Storage space for [Encrypted File Attachments]({% link _articles/features/attachments.md %}) +- A built-in [Temporary One-time Password (TOTP) Authenticator]({% link _articles/features/authenticator-keys.md %}) +- [Emergency Access]({% link _articles/security/emergency-access.md %}) to your Vault by trusted emergency contacts +- [Vault Health Reports]({% link _articles/features/reports.md %}) that report on password and security hygiene + +To start a premium subscription: + +1. In your Bitwarden Web Vault, navigate to the **Settings** tab from the top navigation bar. +2. From the left-side Settings menu, select **Go Premium**. + +## Start an Organization + +Do you need to share passwords or other Vault items with your friends, family, team, or entire business? + +Bitwarden Organizations let you do just that. We recommend trying out to functionality of password-sharing Organizations by starting a **free** 2-person Organization. To learn how, see [Get Started with an Organization]({% link _articles/getting-started/getting-started-organizations.md %}). + +Once you've tested an Organization, check out our [Bitwarden Plans and Pricing](https://bitwarden.com/pricing/business/) page to learn about the different Paid Organizations you might consider. diff --git a/_articles/organizations/deploying-bitwarden-as-a-msp.md b/_articles/organizations/deploying-bitwarden-as-a-msp.md index 81d8ab4f..31864c0c 100644 --- a/_articles/organizations/deploying-bitwarden-as-a-msp.md +++ b/_articles/organizations/deploying-bitwarden-as-a-msp.md @@ -6,7 +6,7 @@ featured: false popular: false hidden: false tags: [tutorial] -order: 06 +order: 07 --- If you are looking for information about the Bitwarden Partner Program, look no further. Bitwarden supports a reseller and managed service provider (MSP) model. You can get started right away (no formal agreement needs to be signed). diff --git a/_includes/connect.html b/_includes/connect.html new file mode 100644 index 00000000..16bfe2ed --- /dev/null +++ b/_includes/connect.html @@ -0,0 +1,9 @@ +
+

Connect with Us

+
+

Forums

+

Events

+

Reddit

+

Twitter

+
+
diff --git a/_includes/contact.html b/_includes/contact.html index 0184aab3..898a2db8 100644 --- a/_includes/contact.html +++ b/_includes/contact.html @@ -1,10 +1,9 @@ -
-

Email Us

+
+

Resources

-

Want to talk to a human?

- - - Send Us An Email - +

Download Bitwarden

+

Suggest an Edit

+

Ask the Community

+

Contact Us

-
\ No newline at end of file +
diff --git a/_includes/header.html b/_includes/header.html index 1507ffd5..9d2615dc 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,20 +1,26 @@ + + diff --git a/_includes/sidebar.html b/_includes/sidebar.html index 0db513f1..968d851d 100644 --- a/_includes/sidebar.html +++ b/_includes/sidebar.html @@ -1,9 +1,20 @@ {% assign sorted_articles = site.articles | sort: 'order' %}