Skip to Content

Wiki source code of Configure CCP in Control Hub

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