Last modified by Aaron Blackburn on 2026/09/25 20:18

From version 1.1
edited by Aaron Blackburn
on 2026/09/25 19:50
Change comment: Uploaded new attachment "1790365843299-673.png", version {1}
To version 1.3
edited by Aaron Blackburn
on 2026/09/25 19:52
Change comment: Auto-saved during real-time collaboration

Summary

Details

Page properties
Title
... ... @@ -1,0 +1,1 @@
1 +Configure CCP in Control Hub
Parent
... ... @@ -1,0 +1,1 @@
1 +CCP.WebHome
Content
... ... @@ -1,0 +1,506 @@
1 +{{html clean="false"}}
2 +<!--
3 + ============================================================
4 + FirstDigital - Technical Guide: Configure Cloud Connected PSTN
5 + ============================================================
6 + XWiki Usage: Paste into an HTML macro in Source/Wiki mode.
7 +-->
8 +<style>
9 + @import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300;400;500;600;700;800&display=swap');
10 +
11 + .fd-guide, .fd-guide * {
12 + box-sizing: border-box;
13 + }
14 +
15 + .fd-guide {
16 + /* FirstDigital Official Color Palette */
17 + --fd-navy: #003366;
18 + --fd-dark-navy: #001a33;
19 + --fd-blue: #307ab2;
20 + --fd-sky: #38b2e3;
21 + --fd-red: #cf333d;
22 + --fd-slate: #2e404d;
23 + --fd-grey: #8f9499;
24 + --fd-lightgrey: #e2e8f0;
25 + --fd-offwhite: #f8fafc;
26 + --fd-max-w: 1000px;
27 +
28 + display: block;
29 + font-family: 'Host Grotesk', system-ui, -apple-system, sans-serif;
30 + color: var(--fd-slate);
31 + background: #ffffff;
32 + max-width: var(--fd-max-w);
33 + margin: 0 auto;
34 + padding: 0 20px 40px;
35 + -webkit-font-smoothing: antialiased;
36 + }
37 +
38 + /* ---------- BREADCRUMBS & HEADER ---------- */
39 + .fd-guide .fd-breadcrumbs {
40 + display: flex;
41 + align-items: center;
42 + gap: 8px;
43 + font-size: 0.85rem;
44 + color: var(--fd-grey);
45 + margin-bottom: 16px;
46 + padding-top: 12px;
47 + }
48 +
49 + .fd-guide .fd-breadcrumbs a {
50 + color: var(--fd-blue);
51 + text-decoration: none;
52 + font-weight: 600;
53 + }
54 +
55 + .fd-guide .fd-breadcrumbs a:hover {
56 + text-decoration: underline !important;
57 + }
58 +
59 + .fd-guide .guide-header {
60 + border-bottom: 2px solid var(--fd-lightgrey);
61 + padding-bottom: 24px;
62 + margin-bottom: 32px;
63 + }
64 +
65 + .fd-guide .guide-header h1 {
66 + color: var(--fd-navy);
67 + font-weight: 800;
68 + font-size: 2.25rem;
69 + margin: 0 0 10px;
70 + letter-spacing: -0.02em;
71 + line-height: 1.2;
72 + }
73 +
74 + .fd-guide .guide-header p.subtitle {
75 + font-size: 1.05rem;
76 + color: var(--fd-slate);
77 + margin: 0;
78 + line-height: 1.5;
79 + }
80 +
81 + /* ---------- CALLOUT BOX ---------- */
82 + .fd-guide .callout {
83 + background: var(--fd-offwhite);
84 + border-left: 4px solid var(--fd-blue);
85 + border-radius: 0 8px 8px 0;
86 + padding: 16px 20px;
87 + margin-bottom: 32px;
88 + font-size: 0.95rem;
89 + line-height: 1.6;
90 + }
91 +
92 + .fd-guide .callout strong {
93 + color: var(--fd-navy);
94 + }
95 +
96 + /* ---------- STEP BY STEP SECTION ---------- */
97 + .fd-guide .step-list {
98 + display: flex;
99 + flex-direction: column;
100 + gap: 40px;
101 + }
102 +
103 + .fd-guide .step-item {
104 + display: flex;
105 + gap: 20px;
106 + align-items: flex-start;
107 + }
108 +
109 + .fd-guide .step-number {
110 + flex-shrink: 0;
111 + width: 36px;
112 + height: 36px;
113 + background: var(--fd-navy);
114 + color: #ffffff;
115 + font-weight: 700;
116 + font-size: 1.1rem;
117 + border-radius: 50%;
118 + display: flex;
119 + align-items: center;
120 + justify-content: center;
121 + margin-top: 2px;
122 + }
123 +
124 + .fd-guide .step-content {
125 + flex-grow: 1;
126 + }
127 +
128 + .fd-guide .step-content h2 {
129 + color: var(--fd-navy);
130 + font-weight: 700;
131 + font-size: 1.35rem;
132 + margin: 0 0 12px;
133 + letter-spacing: -0.01em;
134 + }
135 +
136 + .fd-guide .step-content p {
137 + font-size: 0.98rem;
138 + line-height: 1.6;
139 + margin: 0 0 12px;
140 + color: var(--fd-slate);
141 + }
142 +
143 + .fd-guide .step-content ul {
144 + margin: 0 0 16px 20px;
145 + padding: 0;
146 + line-height: 1.6;
147 + }
148 +
149 + .fd-guide .step-content li {
150 + margin-bottom: 6px;
151 + font-size: 0.95rem;
152 + }
153 +
154 + .fd-guide .step-content code {
155 + background: var(--fd-offwhite);
156 + border: 1px solid var(--fd-lightgrey);
157 + padding: 2px 6px;
158 + border-radius: 4px;
159 + font-family: monospace;
160 + color: var(--fd-red);
161 + }
162 +
163 + /* ---------- SCREENSHOT CONTAINERS ---------- */
164 + .fd-guide .img-container {
165 + margin: 16px 0;
166 + background: var(--fd-offwhite);
167 + border: 1px solid var(--fd-lightgrey);
168 + border-radius: 12px;
169 + overflow: hidden;
170 + box-shadow: 0 4px 12px rgba(0, 30, 60, 0.05);
171 + }
172 +
173 + .fd-guide .img-container img {
174 + width: 100%;
175 + height: auto;
176 + display: block;
177 + }
178 +
179 + .fd-guide .img-caption {
180 + padding: 8px 14px;
181 + font-size: 0.82rem;
182 + color: var(--fd-grey);
183 + border-top: 1px solid var(--fd-lightgrey);
184 + background: #ffffff;
185 + font-style: italic;
186 + }
187 +
188 + /* ---------- FOOTER LINKS ---------- */
189 + .fd-guide footer {
190 + margin-top: 56px;
191 + padding-top: 24px;
192 + border-top: 1px solid var(--fd-lightgrey);
193 + display: flex;
194 + justify-content: space-between;
195 + align-items: center;
196 + font-size: 0.85rem;
197 + color: var(--fd-grey);
198 + }
199 +
200 + .fd-guide footer a {
201 + color: var(--fd-blue);
202 + text-decoration: none;
203 + font-weight: 600;
204 + }
205 +
206 + .fd-guide footer a:hover {
207 + text-decoration: underline !important;
208 + }
209 +
210 + @media (max-width: 768px) {
211 + .fd-guide .step-item {
212 + flex-direction: column;
213 + gap: 12px;
214 + }
215 + }
216 +</style>
217 +
218 +<div class="fd-guide">
219 +
220 + <!-- Breadcrumbs -->
221 + <div class="fd-breadcrumbs">
222 + <a href="https://learn.firstdigital.com/bin/view/Main/">Home</a>
223 + <span>&rsaquo;</span>
224 + <a href="https://learn.firstdigital.com/bin/view/FirstDigital%20Product%20Support/">Voice Services</a>
225 + <span>&rsaquo;</span>
226 + <span>Cloud Connected PSTN Configuration</span>
227 + </div>
228 +
229 + <!-- Guide Title Header -->
230 + <header class="guide-header">
231 + <h1>Configuring Cloud Connected PSTN in Control Hub</h1>
232 + <p class="subtitle">Step-by-step instructions for selecting FirstDigital as your Cloud Connected PSTN (CCP) provider and configuring phone numbers in Cisco Webex Control Hub.</p>
233 + </header>
234 +
235 + <!-- Summary Callout -->
236 + <div class="callout">
237 + <strong>Overview:</strong> To set up Cloud Connected PSTN, you will configure your location calling settings, select <strong>FirstDigital</strong> as your CCP provider, and assign your assigned phone numbers directly within Control Hub[cite: 6].
238 + </div>
239 +
240 + <!-- Step-by-Step Instructions -->
241 + <div class="step-list">
242 +
243 + <!-- Step 1 -->
244 + <div class="step-item">
245 + <div class="step-number">1</div>
246 + <div class="step-content">
247 + <h2>Access Control Hub &amp; Navigate to Locations</h2>
248 + <p>Sign in to your Cisco Webex Control Hub portal with administrator credentials[cite: 6].</p>
249 + <ul>
250 + <li>In the left-hand navigation panel under <strong>MANAGEMENT</strong>, click on <code>Locations</code>[cite: 6].</li>
251 + </ul>
252 + </div>
253 + </div>
254 +
255 + <!-- Step 2 -->
256 + <div class="step-item">
257 + <div class="step-number">2</div>
258 + <div class="step-content">
259 + <h2>Select Location &amp; Set PSTN Connection Type</h2>
260 + <p>Choose the specific site location you want to configure for Cloud Connected PSTN[cite: 6]:</p>
261 + <ul>
262 + <li>Select your location from the list[cite: 6].</li>
263 + <li>Click on the <strong>Calling</strong> sub-menu tab[cite: 6].</li>
264 + <li>Locate <strong>Calling connection</strong> and click <strong>Manage</strong> or <strong>Set up calling</strong>[cite: 6].</li>
265 + </ul>
266 +
267 + <div class="img-container">
268 + <!-- Replace src URL with your actual XWiki uploaded image URL for Image 1 -->
269 + <img src="https://learn.firstdigital.com/bin/download/Voice/CCP/ControlHub_Calling_Location.png" alt="Control Hub Location Calling Tab">
270 + <div class="img-caption">Figure 1.1: Navigating to Location > Calling > Calling Connection[cite: 6].</div>
271 + </div>
272 +
273 + <ul>
274 + <li>In the popup modal, choose <strong>Cloud Connected PSTN</strong> as your Connection Type[cite: 6].</li>
275 + </ul>
276 +
277 + <div class="img-container">
278 + <!-- Replace src URL with your actual XWiki uploaded image URL for Image 2 -->
279 + <img src="https://learn.firstdigital.com/bin/download/Voice/CCP/Connection_Type_Selection.png" alt="Select Connection Type Modal">
280 + <div class="img-caption">Figure 1.2: Selecting Cloud Connected PSTN as the Connection Type[cite: 6].</div>
281 + </div>
282 + </div>
283 + </div>
284 +
285 + <!-- Step 3 -->
286 + <div class="step-item">
287 + <div class="step-number">3</div>
288 + <div class="step-content">
289 + <h2>Select Provider</h2>
290 + <p>Select your assigned Cloud Connected PSTN provider based on your region[cite: 6]:</p>
291 + <ul>
292 + <li>Select <strong>FirstDigital</strong> from the list of certified providers[cite: 6].</li>
293 + <li>Click <strong>Next</strong>[cite: 6].</li>
294 + </ul>
295 +
296 + <div class="img-container">
297 + <!-- Replace src URL with your actual XWiki uploaded image URL for Image 3 -->
298 + <img src="https://learn.firstdigital.com/bin/download/Voice/CCP/Select_Provider_FirstDigital.png" alt="Select Provider Screen">
299 + <div class="img-caption">Figure 1.3: Selecting FirstDigital as the CCP Provider[cite: 6].</div>
300 + </div>
301 + </div>
302 + </div>
303 +
304 + <!-- Step 4 -->
305 + <div class="step-item">
306 + <div class="step-number">4</div>
307 + <div class="step-content">
308 + <h2>Add Phone Numbers</h2>
309 + <p>Enter the direct inbound dialing (DID) numbers provisioned for your site[cite: 6]:</p>
310 + <ul>
311 + <li>Click <strong>Add Numbers Now</strong>[cite: 6].</li>
312 + <li>Enter the phone numbers obtained from FirstDigital (separate multiple numbers using commas)[cite: 6].</li>
313 + <li>Click <strong>Save</strong>[cite: 6].</li>
314 + <li>Click <strong>Close</strong> on the Summary confirmation page[cite: 6].</li>
315 + </ul>
316 + </div>
317 + </div>
318 +
319 + <!-- Step 5 -->
320 + <div class="step-item">
321 + <div class="step-number">5</div>
322 + <div class="step-content">
323 + <h2>Verify Added DIDs</h2>
324 + <p>Confirm that the phone numbers were added successfully[cite: 6]:</p>
325 + <ul>
326 + <li>In the main navigation menu under <strong>SERVICES</strong>, navigate to <code>Calling</code> &gt; <code>Numbers</code>[cite: 6].</li>
327 + <li>Verify that all newly provisioned DIDs are listed and assigned to the correct location[cite: 6].</li>
328 + </ul>
329 + </div>
330 + </div>
331 +
332 + </div>
333 +
334 + <!-- Page Footer -->
335 + <footer>
336 + <div>&copy; FirstDigital. Technical Documentation.</div>
337 + <div>
338 + <a href="https://learn.firstdigital.com/bin/view/FirstDigital%20Product%20Support/">Voice Support Hub</a> &middot;
339 + <a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=true">Wiki Home</a>
340 + </div>
341 + </footer>
342 +
343 +</div>
344 +{{/html}}
345 +
346 +(% class="fd-guide" %)
347 +(((
348 +(% class="fd-breadcrumbs" %)
349 +(((
350 +[[Home>>url:https://learn.firstdigital.com/bin/view/Main/]] › [[Voice Services>>url:https://learn.firstdigital.com/bin/view/FirstDigital%20Product%20Support/]] › Cloud Connected PSTN Configuration
351 +)))
352 +
353 += Configuring Cloud Connected PSTN in Control Hub =
354 +
355 +(% class="subtitle" %)
356 +Step-by-step instructions for selecting FirstDigital as your Cloud Connected PSTN (CCP) provider and configuring phone numbers in Cisco Webex Control Hub.
357 +
358 +(% class="callout" %)
359 +(((
360 +**Overview:** To set up Cloud Connected PSTN, you will configure your location calling settings, select **FirstDigital** as your CCP provider, and assign your assigned phone numbers directly within Control Hub[cite: 6].
361 +)))
362 +
363 +(% class="step-list" %)
364 +(((
365 +(% class="step-item" %)
366 +(((
367 +(% class="step-number" %)
368 +(((
369 +1
370 +)))
371 +
372 +(% class="step-content" %)
373 +(((
374 +== Access Control Hub & Navigate to Locations ==
375 +
376 +Sign in to your Cisco Webex Control Hub portal with administrator credentials[cite: 6].
377 +
378 +* In the left-hand navigation panel under **MANAGEMENT**, click on Locations[cite: 6].
379 +)))
380 +)))
381 +
382 +(% class="step-item" %)
383 +(((
384 +(% class="step-number" %)
385 +(((
386 +2
387 +)))
388 +
389 +(% class="step-content" %)
390 +(((
391 +== Select Location & Set PSTN Connection Type ==
392 +
393 +Choose the specific site location you want to configure for Cloud Connected PSTN[cite: 6]:
394 +
395 +* Select your location from the list[cite: 6].
396 +* Click on the **Calling** sub-menu tab[cite: 6].
397 +* Locate **Calling connection** and click **Manage** or **Set up calling**[cite: 6].
398 +
399 +(% class="img-container" %)
400 +(((
401 +[[image:https://learn.firstdigital.com/bin/download/Voice/CCP/ControlHub_Calling_Location.png||alt="Control Hub Location Calling Tab"]]
402 +
403 +(% class="img-caption" %)
404 +(((
405 +Figure 1.1: Navigating to Location > Calling > Calling Connection[cite: 6].
406 +)))
407 +)))
408 +
409 +* In the popup modal, choose **Cloud Connected PSTN** as your Connection Type[cite: 6].
410 +
411 +(% class="img-container" %)
412 +(((
413 +[[image:https://learn.firstdigital.com/bin/download/Voice/CCP/Connection_Type_Selection.png||alt="Select Connection Type Modal"]]
414 +
415 +(% class="img-caption" %)
416 +(((
417 +Figure 1.2: Selecting Cloud Connected PSTN as the Connection Type[cite: 6].
418 +)))
419 +)))
420 +)))
421 +)))
422 +
423 +(% class="step-item" %)
424 +(((
425 +(% class="step-number" %)
426 +(((
427 +3
428 +)))
429 +
430 +(% class="step-content" %)
431 +(((
432 +== Select Provider ==
433 +
434 +Select your assigned Cloud Connected PSTN provider based on your region[cite: 6]:
435 +
436 +* Select **FirstDigital** from the list of certified providers[cite: 6].
437 +* Click **Next**[cite: 6].
438 +
439 +(% class="img-container" %)
440 +(((
441 +[[image:https://learn.firstdigital.com/bin/download/Voice/CCP/Select_Provider_FirstDigital.png||alt="Select Provider Screen"]]
442 +
443 +(% class="img-caption" %)
444 +(((
445 +Figure 1.3: Selecting FirstDigital as the CCP Provider[cite: 6].
446 +)))
447 +)))
448 +)))
449 +)))
450 +
451 +(% class="step-item" %)
452 +(((
453 +(% class="step-number" %)
454 +(((
455 +4
456 +)))
457 +
458 +(% class="step-content" %)
459 +(((
460 +== Add Phone Numbers ==
461 +
462 +Enter the direct inbound dialing (DID) numbers provisioned for your site[cite: 6]:
463 +
464 +* Click **Add Numbers Now**[cite: 6].
465 +* Enter the phone numbers obtained from FirstDigital (separate multiple numbers using commas)[cite: 6].
466 +* Click **Save**[cite: 6].
467 +* Click **Close** on the Summary confirmation page[cite: 6].
468 +)))
469 +)))
470 +
471 +(% class="step-item" %)
472 +(((
473 +(% class="step-number" %)
474 +(((
475 +5
476 +)))
477 +
478 +(% class="step-content" %)
479 +(((
480 +== Verify Added DIDs ==
481 +
482 +Confirm that the phone numbers were added successfully[cite: 6]:
483 +
484 +* In the main navigation menu under **SERVICES**, navigate to Calling > Numbers[cite: 6].
485 +* Verify that all newly provisioned DIDs are listed and assigned to the correct location[cite: 6].
486 +)))
487 +)))
488 +)))
489 +
490 +(((
491 +© FirstDigital. Technical Documentation.
492 +)))
493 +
494 +(((
495 +[[Voice Support Hub>>url:https://learn.firstdigital.com/bin/view/FirstDigital%20Product%20Support/]] · [[Wiki Home>>url:https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=true]]
496 +)))
497 +)))
498 +
499 +
500 +```[cite: 6]
501 +
502 +
503 +### Quick Setup Steps for Images:##
504 +
505 +1. Upload the 3 screenshots attached in your document to your XWiki page attachments tab[cite: 6].
506 +2. Replace the placeholder URLs in `src="..."` (within the `.img-container` divs) with your XWiki file paths (e.g., `/bin/download/Space/Page/ImageName.png`).