Changes for page Configure CCP in Control Hub
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
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
on 2026/09/25 19:59
Change comment:
There is no comment for this version
Summary
-
Page properties (3 modified, 0 added, 0 removed)
-
Attachments (0 modified, 3 added, 0 removed)
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>›</span> 212 + <a href="https://learn.firstdigital.com/bin/view/FirstDigital%20Product%20Support/">Voice Services</a> 213 + <span>›</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 & 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 & 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> > <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>© FirstDigital. Technical Documentation.</div> 321 + <div> 322 + <a href="https://learn.firstdigital.com/bin/view/FirstDigital%20Product%20Support/">Voice Support Hub</a> · 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