Skip to content

Commit 3128827

Browse files
authored
Add Teams frontline BYOD onboarding wizard
This file provides a comprehensive onboarding wizard for frontline workers to set up Microsoft Teams on personal devices, including steps for multi-factor authentication and app downloads.
1 parent 668c7f5 commit 3128827

1 file changed

Lines changed: 125 additions & 0 deletions

File tree

Lines changed: 125 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Set up Teams for frontline workers on personal devices (BYOD)</title>
6+
<style>
7+
body { font-family: Segoe UI, Arial, sans-serif; margin: 2em; }
8+
h1, h2, h3 { color: #2b579a; }
9+
.note, .important { border-left: 4px solid #0078d4; background: #f3f9fd; padding: 1em; margin: 1.5em 0; }
10+
.important { border-color: #e81123; background: #fff4f4; }
11+
.step img, .screenshot { display: block; margin: 1em 0; max-width: 480px; border: 1px solid #ccc; }
12+
ul, ol { margin-left: 1.5em; }
13+
.faq { background: #f9f9f9; border-radius: 6px; padding: 1em; }
14+
.caption { font-size: 0.95em; color: #666; margin-bottom: 1.5em; }
15+
</style>
16+
</head>
17+
<body>
18+
<h1>Set up Teams for frontline workers on personal devices (BYOD)</h1>
19+
20+
<div class="note">
21+
<strong>Note</strong>: This feature is currently in public preview. For updates, refer to the roadmap.
22+
</div>
23+
24+
<h2>Overview</h2>
25+
<p>
26+
The Teams onboarding wizard helps frontline workers set up Teams on their personal devices. This experience is available on the web, designed for use on a desktop kiosk or shared PC at your work site. The wizard dynamically updates steps based on your organization’s security policies.
27+
</p>
28+
29+
<h2>Scenarios supported</h2>
30+
<ul>
31+
<li>Set up Microsoft Teams on a personal Android or iOS device.</li>
32+
<li>Complete multi-factor authentication (MFA) if required. The wizard optimizes for Authenticator push notifications as the primary MFA method.</li>
33+
<li>Comply with app protection or configuration policies enforced by your organization.</li>
34+
</ul>
35+
36+
<h2>Before you begin</h2>
37+
<ul>
38+
<li>Your work username and password</li>
39+
<li>Access to a desktop kiosk or shared PC</li>
40+
<li>Your mobile phone</li>
41+
</ul>
42+
43+
<h2>Step 1: Start onboarding</h2>
44+
<ol>
45+
<li>
46+
On the desktop kiosk or back office PC, open a web browser and go to <a href="https://aka.ms/getfrontlineteams" target="_blank">aka.ms/getfrontlineteams</a>.
47+
<div class="caption">Teams onboarding wizard welcome page</div>
48+
<img src="IMAGE_1_URL" alt="Screenshot of Teams onboarding wizard welcome page" class="screenshot">
49+
</li>
50+
<li>
51+
Choose your device (Android or iPhone).
52+
<div class="caption">Device selection screen</div>
53+
<img src="IMAGE_2_URL" alt="Screenshot of device selection screen" class="screenshot">
54+
</li>
55+
<li>Sign in with your work credentials.</li>
56+
<li>If prompted, reset your default password.</li>
57+
</ol>
58+
59+
<h2>Step 2: Download required apps</h2>
60+
<p>
61+
Depending on your company’s security policies, you may need to download additional apps such as Microsoft Authenticator and/or Company Portal. The wizard guides you through the following scenarios:
62+
</p>
63+
64+
<h3>Multi-factor authentication (MFA)</h3>
65+
<ul>
66+
<li>If MFA is not required, this step is skipped.</li>
67+
<li>If you already have an MFA method set up, this step is skipped.</li>
68+
<li>
69+
If you require MFA and are accessing the wizard from a device that doesn’t require MFA:
70+
<ol>
71+
<li>Scan the QR code with your mobile phone to download the Authenticator app.</li>
72+
<li>Open the app and allow notifications.</li>
73+
<li>Sign in with your work account and complete setup.</li>
74+
<li>Return to the wizard and select <strong>Next</strong>.
75+
<div class="caption">Download and set up Microsoft Authenticator</div>
76+
<img src="IMAGE_3_URL" alt="Screenshot of Authenticator QR code step" class="screenshot">
77+
</li>
78+
</ol>
79+
</li>
80+
<li>
81+
If you require MFA and are accessing the wizard on a device that requires MFA:
82+
<ol>
83+
<li>Follow the on-screen instructions to set up MFA with the Authenticator app.</li>
84+
<li>
85+
<div class="caption">MFA setup screens</div>
86+
<img src="IMAGE_4_URL" alt="Screenshot of MFA setup screen 1" class="screenshot">
87+
<img src="IMAGE_5_URL" alt="Screenshot of MFA setup screen 2" class="screenshot">
88+
<img src="IMAGE_6_URL" alt="Screenshot of MFA setup screen 3" class="screenshot">
89+
<img src="IMAGE_7_URL" alt="Screenshot of MFA setup screen 4" class="screenshot">
90+
<img src="IMAGE_8_URL" alt="Screenshot of MFA setup screen 5" class="screenshot">
91+
<img src="IMAGE_9_URL" alt="Screenshot of MFA setup screen 6" class="screenshot">
92+
</li>
93+
</ol>
94+
</li>
95+
</ul>
96+
97+
<h3>App protection and configuration policies</h3>
98+
<ul>
99+
<li>If your company uses app protection or configuration policies, you may need the Company Portal app on your device.</li>
100+
<li>iOS users will not see this step.</li>
101+
<li>
102+
Android users will see a prompt to download Company Portal.
103+
<div class="caption">Download Company Portal app</div>
104+
<img src="IMAGE_10_URL" alt="Screenshot of Company Portal QR code" class="screenshot">
105+
</li>
106+
<li>
107+
Next, you’ll see a prompt to download Microsoft Teams. Scan the QR code with your mobile phone, download Teams, and sign in.
108+
<div class="caption">Download Teams mobile app</div>
109+
<img src="IMAGE_11_URL" alt="Screenshot of Teams mobile app QR code" class="screenshot">
110+
</li>
111+
</ul>
112+
113+
<h2>Troubleshooting</h2>
114+
<ul>
115+
<li>If the QR code doesn’t work, manually search for each app in your phone’s app store.</li>
116+
</ul>
117+
118+
<h2>FAQ</h2>
119+
<div class="faq">
120+
<strong>Q:</strong> What if I’m required to enroll my device to access Teams?<br>
121+
<strong>A:</strong> The wizard will not guide you through device enrollment. Please follow the steps on your mobile phone.
122+
</div>
123+
</body>
124+
</html>
125+
``

0 commit comments

Comments
 (0)