Skip to Content
Last modified by Aaron Blackburn on 2026/09/25 20:18
From version 13.1
edited by Aaron Blackburn
on 2026/09/25 20:16
Change comment: There is no comment for this version
To version 1.1
edited by Aaron Blackburn
on 2026/09/25 19:50
Change comment: Uploaded new attachment "1790365843299-673.png", version {1}

Summary

Details

Page properties
Parent
... ... @@ -1,1 +1,0 @@
1 -CCP.WebHome
Content
... ... @@ -1,325 +1,0 @@
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>Configure Cloud Connected PSTN in Control Hub</span>
215 - </div>
216 -
217 - <!-- Guide Title Header -->
218 - <header class="guide-header">
219 - <h1>Configure Cloud Connected PSTN In Control Hub</h1>
220 - <p class="subtitle">FirstDigital.com &middot; 800-240-4008</p>
221 - </header>
222 -
223 - <!-- Summary Callout -->
224 - <div class="callout">
225 - To configure Cloud Connected PSTN in Control Hub, you'll need to select <strong>"Cloud Connected PSTN"</strong> as the PSTN connection type, choose a CCP (Cloud Connected PSTN) provider, and add your phone numbers provided by the CCP[cite: 8].
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 and Navigate to Locations</h2>
236 - <p>Sign in to Control Hub and Go to <strong>Management</strong> &gt; <code>Locations</code>[cite: 8].</p>
237 - </div>
238 - </div>
239 -
240 - <!-- Step 2 -->
241 - <div class="step-item">
242 - <div class="step-number">2</div>
243 - <div class="step-content">
244 - <h2>Select the Location and Choose PSTN Connection</h2>
245 - <p>Follow these steps to select your connection type[cite: 8]:</p>
246 - <ul>
247 - <li>Click on the specific location you want to configure for Cloud Connected PSTN[cite: 8].</li>
248 - <li>Go to the <strong>Calling</strong> sub-menu and click <strong>Set up calling</strong> (or <strong>Manage</strong>)[cite: 8].</li>
249 - </ul>
250 -
251 - <div class="img-container">
252 - <img src="https://learn.firstdigital.com/bin/download/CCP/Configure%20CCP%20in%20Control%20Hub/WebHome/Picture1.png?rev=1.1" alt="Location Calling Sub-menu and PSTN Connection Setup">
253 - <div class="img-caption">Figure 1.1: Location Calling menu and PSTN connection management[cite: 8].</div>
254 - </div>
255 -
256 - <ul>
257 - <li>Choose <strong>"Cloud Connected PSTN"</strong> as the Connection Type[cite: 8].</li>
258 - </ul>
259 -
260 - <div class="img-container">
261 - <img src="https://learn.firstdigital.com/bin/download/CCP/Configure%20CCP%20in%20Control%20Hub/WebHome/Picture2.png?rev=1.1" alt="Selecting Cloud Connected PSTN Connection Type">
262 - <div class="img-caption">Figure 1.2: Selecting Cloud Connected PSTN as the connection type[cite: 8].</div>
263 - </div>
264 - </div>
265 - </div>
266 -
267 - <!-- Step 3 -->
268 - <div class="step-item">
269 - <div class="step-number">3</div>
270 - <div class="step-content">
271 - <h2>Select a CCP Provider</h2>
272 - <p>Choose your PSTN provider[cite: 8]:</p>
273 - <ul>
274 - <li>Select a Cloud Connected PSTN provider from the list (depending on your region)[cite: 8].</li>
275 - <li>Click <strong>Next</strong>[cite: 8].</li>
276 - </ul>
277 -
278 - <div class="img-container">
279 - <img src="https://learn.firstdigital.com/bin/download/CCP/Configure%20CCP%20in%20Control%20Hub/WebHome/Picture3.png?rev=1.1" alt="Select CCP Provider Selection Screen">
280 - <div class="img-caption">Figure 1.3: Selecting your CCP Provider[cite: 8].</div>
281 - </div>
282 - </div>
283 - </div>
284 -
285 - <!-- Step 4 -->
286 - <div class="step-item">
287 - <div class="step-number">4</div>
288 - <div class="step-content">
289 - <h2>Add Numbers</h2>
290 - <p>Assign your phone numbers[cite: 8]:</p>
291 - <ul>
292 - <li>Click <strong>"Add Numbers Now"</strong>[cite: 8].</li>
293 - <li>Enter the phone numbers you've obtained from your CCP provider, separated by commas if multiple[cite: 8].</li>
294 - <li>Click <strong>Save</strong>[cite: 8].</li>
295 - <li>Click <strong>Close</strong> on the Summary page[cite: 8].</li>
296 - </ul>
297 - </div>
298 - </div>
299 -
300 - <!-- Step 5 -->
301 - <div class="step-item">
302 - <div class="step-number">5</div>
303 - <div class="step-content">
304 - <h2>Verify Numbers</h2>
305 - <p>Verify that your DIDs were assigned correctly[cite: 8]:</p>
306 - <ul>
307 - <li>Go to <code>Calling</code> &gt; <code>Numbers</code> to verify your added DIDs[cite: 8].</li>
308 - <li>You should see the DIDs you added listed here[cite: 8].</li>
309 - </ul>
310 - </div>
311 - </div>
312 -
313 - </div>
314 -
315 - <!-- Page Footer -->
316 - <footer>
317 - <div>&copy; FirstDigital. Technical Documentation.</div>
318 - <div>
319 - <a href="https://learn.firstdigital.com/bin/view/FirstDigital%20Product%20Support/">Voice Support Hub</a> &middot;
320 - <a href="https://learn.firstdigital.com/bin/view/Main/">Wiki Home</a>
321 - </div>
322 - </footer>
323 -
324 -</div>
325 -{{/html}}
Picture1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,1 +1,0 @@
1 -124.5 KB
Content
Picture2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,1 +1,0 @@
1 -91.9 KB
Content
Picture3.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,1 +1,0 @@
1 -119.3 KB
Content