Skip to Content

Wiki source code of Configure CCP in Control Hub

Version 3.1 by Aaron Blackburn on 2026/09/25 19:53
Hide last authors
Aaron Blackburn 1.2 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`).