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 5.1
edited by Aaron Blackburn
on 2026/09/25 19:59
Change comment: There is no comment for this version

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,328 @@
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[cite: 6].
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[cite: 6].</p>
237 + <ul>
238 + <li>In the left-hand navigation panel under <strong>MANAGEMENT</strong>, click on <code>Locations</code>[cite: 6].</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[cite: 6]:</p>
249 + <ul>
250 + <li>Click on the specific location you want to configure[cite: 6].</li>
251 + <li>Go to the <strong>Calling</strong> sub-menu tab and click <strong>Manage</strong> (or Set up calling) under PSTN connection[cite: 6].</li>
252 + </ul>
253 +
254 + <div class="img-container">
255 + <img src="./download/Picture1.png" alt="Control Hub Location Calling Tab">
256 + <div class="img-caption">Figure 1.1: Navigating to Location > Calling > Calling Connection[cite: 6, 8].</div>
257 + </div>
258 +
259 + <ul>
260 + <li>In the modal window, select <strong>Cloud Connected PSTN</strong> as your Connection Type[cite: 6].</li>
261 + </ul>
262 +
263 + <div class="img-container">
264 + <img src="./download/Picture2.png" alt="Select Connection Type Modal">
265 + <div class="img-caption">Figure 1.2: Selecting Cloud Connected PSTN as the Connection Type[cite: 6, 8].</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[cite: 6]:</p>
276 + <ul>
277 + <li>Choose <strong>FirstDigital</strong> from the list of certified providers[cite: 6].</li>
278 + <li>Click <strong>Next</strong>[cite: 6].</li>
279 + </ul>
280 +
281 + <div class="img-container">
282 + <img src="./download/Picture3.png" alt="Select Provider Screen">
283 + <div class="img-caption">Figure 1.3: Selecting FirstDigital as the CCP Provider[cite: 6, 8].</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[cite: 6]:</p>
294 + <ul>
295 + <li>Click <strong>Add Numbers Now</strong>[cite: 6].</li>
296 + <li>Enter the phone numbers obtained from FirstDigital (separate multiple numbers using commas)[cite: 6].</li>
297 + <li>Click <strong>Save</strong>[cite: 6].</li>
298 + <li>Click <strong>Close</strong> on the Summary page[cite: 6].</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[cite: 6]:</p>
309 + <ul>
310 + <li>In the main navigation menu under <strong>SERVICES</strong>, navigate to <code>Calling</code> &gt; <code>Numbers</code>[cite: 6].</li>
311 + <li>Verify that all newly added DIDs are listed[cite: 6].</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/?oidc.skipped=true">Wiki Home</a>
324 + </div>
325 + </footer>
326 +
327 +</div>
328 +{{/html}}
Picture1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,0 +1,1 @@
1 +124.5 KB
Content
Picture2.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,0 +1,1 @@
1 +91.9 KB
Content
Picture3.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,0 +1,1 @@
1 +119.3 KB
Content