PageSourceSearch

https://support.altoprofessional.com/en/support/home

html altoprofessional.com collected 2026-10-01 12:28:33 UTC 30,409 bytes, 847 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" data-date-format="non_us" dir="ltr">
3
4<head>
5
6  <meta name="csrf-param" content="authenticity_token" />
7<meta name="csrf-token" content="HQWNLuby7cnGMqW4csDaFwAZE1H8F6psvlmOYZ3yza+TBcSjv4X+/y6daBNX1PWdjwter/sgUB0LqkXVfWLXpA==" />
8
9  <link rel='shortcut icon' href='https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/69015667753/fav_icon/hui8KTe8zC-mdKPAwGm4JU-idLkVz5ulKg.ico' />
10
11  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"><!-- Title for the page -->
12<title> Home | Support : Alto Professional </title>
13
14<!-- Meta information -->
15
16      <meta charset="utf-8" />
17      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
18      <meta name="description" content= "" />
19      <meta name="author" content= "" />
20       <meta property="og:title" content="Home | Support" />  <meta property="og:url" content="https://support.altoprofessional.com/en/support/home" />  <meta property="og:image" content="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/69157826951/logo/ZR-_LPw-7wvjC4nGPSjv2Y3OvnBi5B0aRA.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;amp;X-Amz-Credential=AKIAS6FNSMY2XLZULJPI%2F20260926%2Fus-east-1%2Fs3%2Faws4_request&amp;amp;X-Amz-Date=20260926T133057Z&amp;amp;X-Amz-Expires=604800&amp;amp;X-Amz-SignedHeaders=host&amp;amp;X-Amz-Signature=33623ce11182ca75b160e2b74973fd6475eb27d13d29110b4aba02de6b9cd1a0" />  <meta property="og:site_name" content="Alto Professional" />  <meta property="og:type" content="article" />  <meta name="twitter:title" content="Home | Support" />  <meta name="twitter:url" content="https://support.altoprofessional.com/en/support/home" />  <meta name="twitter:image" content="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/69157826951/logo/ZR-_LPw-7wvjC4nGPSjv2Y3OvnBi5B0aRA.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;amp;X-Amz-Credential=AKIAS6FNSMY2XLZULJPI%2F20260926%2Fus-east-1%2Fs3%2Faws4_request&amp;amp;X-Amz-Date=20260926T133057Z&amp;amp;X-Amz-Expires=604800&amp;amp;X-Amz-SignedHeaders=host&amp;amp;X-Amz-Signature=33623ce11182ca75b160e2b74973fd6475eb27d13d29110b4aba02de6b9cd1a0" />  <meta name="twitter:card" content="summary" />  <link rel="canonical" href="https://support.altoprofessional.com/en/support/home" /> 
21
22<!-- Responsive setting -->
23<link rel="apple-touch-icon" href="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/69015667753/fav_icon/hui8KTe8zC-mdKPAwGm4JU-idLkVz5ulKg.ico" />
24        <link rel="apple-touch-icon" sizes="72x72" href="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/69015667753/fav_icon/hui8KTe8zC-mdKPAwGm4JU-idLkVz5ulKg.ico" />
25        <link rel="apple-touch-icon" sizes="114x114" href="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/69015667753/fav_icon/hui8KTe8zC-mdKPAwGm4JU-idLkVz5ulKg.ico" />
26        <link rel="apple-touch-icon" sizes="144x144" href="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/69015667753/fav_icon/hui8KTe8zC-mdKPAwGm4JU-idLkVz5ulKg.ico" />
27        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes" /> 
28
29  <link rel="icon" href="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/69015667753/fav_icon/hui8KTe8zC-mdKPAwGm4JU-idLkVz5ulKg.ico" />
30
31  <link rel="stylesheet" href="/assets/cdn/portal/styles/theme.css?FD010" nonce="t3zDftzwa5QczoYdgG+zLw=="/>
32
33  <style type="text/css" nonce="t3zDftzwa5QczoYdgG+zLw=="> /* theme */ .portal--light {
34              --fw-body-bg: #F5F7F9;
35              --fw-header-bg: #F5F7F9;
36              --fw-header-text-color: #12344D;
37              --fw-helpcenter-bg: #12344D;
38              --fw-helpcenter-text-color: #FFFFFF;
39              --fw-footer-bg: #12344D;
40              --fw-footer-text-color: #FFFFFF;
41              --fw-tab-active-color: #12344D;
42              --fw-tab-active-text-color: #FFFFFF;
43              --fw-tab-hover-color: #FFFFFF;
44              --fw-tab-hover-text-color: #12344D;
45              --fw-btn-background: #FFFFFF;
46              --fw-btn-text-color: #12344D;
47              --fw-btn-primary-background: #12344D;
48              --fw-btn-primary-text-color: #FFFFFF;
49              --fw-baseFont: Open Sans;
50              --fw-textColor: #264966;
51              --fw-headingsFont: Open Sans;
52              --fw-linkColor: #2C5CC5;
53              --fw-linkColorHover: #021519;
54              --fw-inputFocusRingColor: #EBEFF3;
55              --fw-formInputFocusColor: #EBEFF3;
56              --fw-card-bg: #FFFFFF;
57              --fw-card-fg: #264966;
58              --fw-card-border-color: #EBEFF3;
59              --fw-nonResponsive: #F5F7F9;
60              --bs-body-font-family: Open Sans;
61    } </style>
62
63    <style type="text/css" nonce="t3zDftzwa5QczoYdgG+zLw==">
64      .fw-feedback {
65  display: none !important;
66}
67    </style>
68  <link href='https://fonts.googleapis.com/css?family=Open+Sans:regular,italic,600,700,700italic' rel='stylesheet' type='text/css' nonce='t3zDftzwa5QczoYdgG+zLw=='>
69
70  
70<script type="text/javascript" nonce="t3zDftzwa5QczoYdgG+zLw==">
71    window.cspNonce = "t3zDftzwa5QczoYdgG+zLw==";
72  </script>
72
73
74  
74<script src="/assets/cdn/portal/scripts/nonce.js" nonce="t3zDftzwa5QczoYdgG+zLw=="></script>
74
75
76  
76<script src="/assets/cdn/portal/vendor.js" nonce="t3zDftzwa5QczoYdgG+zLw=="></script>
76
77
78  
78<script src="/assets/cdn/portal/scripts/head.js" nonce="t3zDftzwa5QczoYdgG+zLw=="></script>
78
79
80  
80<script type="text/javascript" nonce="t3zDftzwa5QczoYdgG+zLw==">
81      window.store = {};
82window.store = {
83  assetPath: "/assets/cdn/portal/",
84  defaultLocale: "en",
85  currentLocale: "en",
86  currentPageName: "portal_home",
87  portal: {"id":69000094243,"name":"Alto Professional","product_id":69000000961},
88  portalAccess: {"hasSolutions":true,"hasForums":false,"hasTickets":false,"accessCount":1},
89  account: {"id":2016586,"name":"inMusic Brands","time_zone":"Eastern Time (US & Canada)","companies":[]},
90  vault_service: {"url":"https://vault-service.freshworks.com/data","max_try":2,"product_name":"fd"},
91  blockedExtensions: "",
92  allowedExtensions: "",
93  search: {"all":"/en/support/search","solutions":"/en/support/search/solutions","topics":"/en/support/search/topics","tickets":"/en/support/search/tickets"},
94  portalLaunchParty: {
95    enableStrictSearch: false,
96    ticketFragmentsEnabled: true,
97    homepageNavAccessibilityEnabled: true,
98    channelIdentifierFieldsEnabled: true,
99  },
100
101
102
103
104
105    marketplace: {"token":"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwcm9kdWN0IjoiZnJlc2hkZXNrIiwiYWNjb3VudF9pZCI6IjIwMTY1ODYiLCJkb21haW4iOiJpbm11c2ljc3VwcG9ydC5mcmVzaGRlc2suY29tIiwib3JnYW5pc2F0aW9uX2lkIjoiMzQ0MTA1OTE2ODU3MDIzOTk1IiwidGltZSI6MTc5MDg0OTcxOSwiaXNzIjoiZnJlc2hkZXNrX3Zpc2l0b3JfcG9ydGFsIn0.3VC3kvCpnhcZN85XQJRjiu4M1rwEV3jae8wSHKcpDEQ","data_pipe_key":"634cd594466a52fa53c54b5b34779134","region":"us","org_domain":"inmusic.myfreshworks.com"},
106
107  pod: "us-east-1",
108  region: "US",
109};
110  </script>
110
111
112
113</head>
114
115<body class="portal portal--light  ">
116  
117  <header class="container-fluid px-0 fw-nav-wrapper fixed-top">
118  <section class="bg-light container-fluid">
119    <div class="container">
120      <a  id="" href="#fw-main-content" class="visually-hidden visually-hidden-focusable p-8 my-12 btn btn-outline-primary"
121
122>Skip to main content</a>
123    </div>
124  </section>
125
126  
127    <section class="container">
128      <nav class="navbar navbar-expand-xl navbar-light px-0 py-8 pt-xl-4 pb-xl-0">
129        
130
131    <a class="navbar-brand d-flex align-items-center" href="http://www.altoprofessional.com/support">
132      <img data-src="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/69157826951/logo/ZR-_LPw-7wvjC4nGPSjv2Y3OvnBi5B0aRA.png" loading="lazy" alt="Freshworks Logo" class="lazyload d-inline-block align-top me-4 fw-brand-logo" />
133      <div class="fs-22 semi-bold fw-brand-name ms-4" title="Alto Professional">Alto Professional</div>
134   </a>
135
136
137        <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation" id="navbarContentToggler">
138  <span class="icon-bar"></span>
139  <span class="icon-bar"></span>
140  <span class="icon-bar"></span>
141</button>
142
143        <div class="collapse navbar-collapse" id="navbarContent">
144          <ul class="navbar-nav ms-auto mt-64 mt-xl-0">
145            
146              <li class="nav-item active">
147                <a href="/en/support/home" class="nav-link">
148                  <span class="d-md-none icon-home"></span> Home
149                </a>
150              </li>
151            
152              <li class="nav-item ">
153                <a href="/en/support/solutions" class="nav-link">
154                  <span class="d-md-none icon-solutions"></span> Knowledge base
155                </a>
156              </li>
157            
158            <li class="nav-item no-hover">
159             <a  id="" href="/en/support/tickets/new" class="btn fw-secondary-button"
160
161>Submit a ticket</a>
162            </li>
163          </ul>
164          <ul class="navbar-nav flex-row align-items-center ps-8 fw-nav-dropdown-wrapper">
165            
166
167    <li class="nav-item no-hover fw-login">
168      <a  id="" href="/en/support/login" class="nav-link pe-8"
169
170>Login</a>
171    </li>
172    
173
174
175            <li class="nav-item dropdown no-hover ms-auto">
176             <a  id="" href="#" class="nav-link dropdown-toggle"
177
178    id = "languageDropdown"
179
180    role = "button"
181
182    data-bs-toggle = "dropdown"
183
184    aria-haspopup = "true"
185
186    aria-expanded = "false"
187
188>English</a>
189<div class="dropdown-menu fw-languageDropdown" aria-labelledby="languageDropdown">
190 
191 <a class="dropdown-item d-none" href="/en/support/home">English</a>
192 
193 <a class="dropdown-item" href="/fr/support/home">French</a>
194 
195 <a class="dropdown-item" href="/de/support/home">German</a>
196 
197 <a class="dropdown-item" href="/it/support/home">Italian</a>
198 
199 <a class="dropdown-item" href="/ja-JP/support/home">Japanese</a>
200 
201 <a class="dropdown-item" href="/es/support/home">Spanish</a>
202 
203 <a class="dropdown-item" href="/es-LA/support/home">Spanish (Latin America)</a>
204 
205</div>
206
207
208            </li>
209          </ul>
210        </div>
211      </nav>
212    </section>
213    <div class="nav-overlay d-none"></div>
214  
215  <style>.fw-nav-wrapper {
216    background-color: var(--fw-header-bg);
217    border-bottom: none;
218} @media only screen and (max-width: 600px) {
219    .navbar .navbar-toggler .icon-bar {
220    background-color: #fff !important;
221    }
222    li.nav-item span:before {
223    color: #fff !important;
224}
225    .navbar-light .navbar-toggler {
226    color: #fff !important;
227    }
228    input#searchInput {
229    border-radius: 55px;
230    font-size: 13px !important;
231} 
232 button.btn.px-20.input-group-text {
233          background: #fff !important;
234        padding: 0 !important;
235        position: absolute;
236        right: 20px !important;
237        border: none !important;
238        top: 0px;
239width:50px !important;
240}
241    form#fw-search-form {
242    width: 100% !important;
243}
244.search-bar{
245           padding: 0 !important;
246        gap: 0 !important;
247}
248    .mobile-categories label {
249    width: 100%;
250    margin-bottom: 10px;
251}
252    select#category-select {
253    width: 100%;
254}
255.mobile-categories{
256        display: block !important;
257        padding-top: 20px;
258        padding-left: 30px;
259  padding-right: 30px;
260}
261nav.categories{
262display:none;
263}
264    .article_link {
265  line-height: normal !important; 
266}
267    .navbar .fw-brand-logo {
268    max-width: 10rem;
269    height: 20px;
270}
271    select#category-select {
272    padding: 10px;
273    border: 1px solid #e0e0e0;
274    border-radius: 10px;
275}
276    .knowledge-box {
277    font-size: 12px;
278}}
279  .mobile-categories{
280        display: none;
281       
282}
283    .contact_support {
284   background: #003764 !important;
285    text-align: center;
286    display: block;
287    padding: 10px !important;
288    font-weight: 500 !important;
289    border-radius: 20px !important;
290    padding-left: 50px !important;
291    padding-right: 50px !important;
292    margin: 0 auto;
293    max-width: max-content;
294    color: #fff;
295    cursor: pointer;
296}
297  * {
298  box-sizing: border-box;
299  margin: 0;
300  padding: 0;
301  font-family: Arial, sans-serif;
302}
303  section.row.fw-category-wrapper.box-shadow.br-12.mx-0.g-0.bg-light{border-radius: 20px;}
304  .col-md-6.fw-folder {
305    border: none !important;
306}
307.fw-folder ul li {
308    padding: 10px 20px;
309    border: 1px solid #ddd;
310    border-radius: 20px;
311    margin: 10px 0;
312    background: #efefef;
313}
314 
315.fw-folder ul li a {
316    color: #333;
317}
318 
319.fw-folder > a {
320    font-size: 14px;
321    padding: 10px;
322  max-width:max-content;
323}
324  .navbar .navbar-collapse .nav-item:not(.no-hover):not(.active):hover{
325  background:#000;
326color:#fff;}
327  .nav-link-button {
328    font-weight: 500;
329    color: #264966 !important;
330font-size:16px;
331padding: 10px 20px;
332    border-radius: 10px;
333    background: #fff;
334    color: black;
335    text-decoration: none;
336    display: inline-block;
337    text-align: center;
338    transition: background 0.3s;
339    border-top: none !important;
340    border: 2px solid rgba(0, 0, 0, 0.2);
341    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
342}
343
344.nav-link-button:hover {
345  background: #dceaff;
346}
347 .hero {
348  background: url('https://cdn.inmusicbrands.com/Support/Alto%20Pro/Alto%20Solutions%20Image.jpg') no-repeat center/cover;
349  height: 400px;
350  position: relative;
351display:flex;
352align-items:center;
353}
354form#fw-search-form {
355    width: 45%;
356}
357  .icon-search:before {
358    content: "\e90f";
359    color: #000000;
360}
361  button.btn.px-20.input-group-text {
362    background: #fff;
363    border: none;
364}
365  .search-bar input#searchInput {
366    font-size: 18px;
367text-align:center;
368 
369}
370.search-bar {
371  display: flex;
372  justify-content: center;
373  align-items: center;
374  padding: 20px;
375  bottom: 10px;
376  width: 100%;
377 justify-content: space-evenly;
378}
379.navbar .fw-brand-logo {
380    max-width: 10rem;
381    height: auto;
382}
383.knowledge-box {
384  padding: 10px 20px;
385  margin-right: 10px;
386  text-align: center;
387  font-weight: bold;
388      display: block;
389    margin: 20px;
390      font-size: 30px;
391}
392
393.search-bar input {
394  width: 60%;
395  padding: 10px;
396  border-radius: 10px;
397  border: 1px solid #ccc;
398}
399
400.categories {
401  display: flex;
402  justify-content: center;
403  gap: 30px;
404  padding: 15px;
405  flex-wrap: wrap;
406  margin-top: 20px;
407}
408
409.categories button {
410    padding: 20px 20px;
411    border-radius: 8px;
412    border: none;
413    background: #fff;
414    cursor: pointer;
415    transition: background 0.3s;
416}
417
418.categories .active, .categories button:hover,.categories .nav-link-button:hover {
419    background: #003764;
420    color: #fff !important;
421    border: 1px solid #003764;
422}
423
424main.content {
425  display: flex;
426  flex-wrap: wrap;
427  justify-content: space-around;
428  padding: 20px;
429  gap: 20px;
430}
431
432.column {
433  flex: 1 1 300px;
434  background: white;
435  border-radius: 12px;
436  padding: 15px;
437  box-shadow: 0 0 5px rgba(0,0,0,0.1);
438}
439
440.column h3 {
441  margin-bottom: 10px;
442  font-size: 16px;
443  color: #222;
444}
445
446.column ul {
447  list-style: none;
448  line-height: 1.6;
449  font-size: 14px;
450}
451
452footer {
453  text-align: center;
454  padding: 20px;
455}
456
457.support-btn {
458  padding: 12px 20px;
459  font-size: 16px;
460  border: none;
461  border-radius: 20px;
462  background: #f0f0f0;
463  cursor: pointer;
464  margin-bottom: 10px;
465}
466
467.logo {
468  width: 100px;
469}
470  header.container-fluid.px-0.fw-nav-wrapper.fixed-top {
471    background: #000;
472}
473div#navbarContent {
474    background: #000;
475}
476.fs-22.semi-bold.fw-brand-name.ms-4 {
477    display: none;
478}
479div#navbarContent li .nav-link {
480    color: #fff;
481}
482  ul.navbar-nav.flex-row.align-items-center.ps-8.fw-nav-dropdown-wrapper {
483    background: black;
484}
485  a.btn.fw-secondary-button {
486    display: none;
487}
488  input#searchInput {
489    border: none;
490   
491}
492  button.btn.px-20.input-group-text {
493    background: #fff;
494    border: none;
495}
496  .input-group {
497    border-radius: 50px !important;
498    overflow: hidden;
499}
500  input#searchInput::placeholder {
501    color: #6c757d;
502    font-weight: 500;
503}
504  .icon-search:before {
505    content: "\e90f";
506    color: #000000;
507    font-size: 1rem !important;
508}
509  .col-md-4.ms-auto form#fw-search-form {
510    width: 100% !important;
511}</style>
512</header>
513
514
515
516<main class="fw-main-wrapper" id="fw-main-content">
517   
518<style>
519  .card-body { padding: 20px; text-align: center; }
520  .card-title { font-size: 18px; margin-top: 0; }
521  .h3, .h4, h3, h4 { font-size: 20px; font-weight: bold; }
522  .fw-category-icon img { width: 80px; height: auto; margin-top: 10px; }
523
524  .fw-helpcenter {
525    background-image: url(https://cdn.inmusicbrands.com/Support/Alto%20Pro/Alto%20Home%20Image.jpg);
526    background-position: center;
527    text-align: center;
528    background-repeat: no-repeat;
529    background-size: cover;
530  }
531  form#fw-search-form { width: 100%; }
532  .card.fw-horizontal { border-radius: 20px; }
533
534  .article_link { text-align: left; width: 100%; padding: 5px; font-weight: 600; display: block; }
535  section.container-fluid.px-0.pt-60.pb-44.bg-light .col-xl-9.mx-auto.mb-32 {
536    background: #fff; padding: 50px; border-radius: 20px;
537  }
538  section.container-fluid.px-0.fw-helpcenter.mb-md-n64 h1 { display: none; }
539  .bg-light { background-color: #f5f7f9 !important; }
540
541  #searchInput { text-align: center; font-weight: bold; }
542  .icon-search:before { content: "\e90f"; color: #000; font-size: 24px; }
543  input#searchInput { border-radius: 55px; color: #6c757d; font-weight: 200; font-size: 18px; }
544  .fw-search button { background-color: transparent; }
545  button.btn.px-20.input-group-text { position: absolute; right: 0; border: none; }
546  .fw-autocomplete-wrapper { background: #fff !important; }
547  #searchInput::placeholder { font-weight: bold; color: #000; opacity: 1; }
548
549  /* Deep blue glow under all cards – #2F339F */
550  .card.fw-horizontal {
551    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
552    position: relative;
553    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
554  }
555  .card.fw-horizontal:hover {
556    transform: translateY(-12px);
557    box-shadow:
558      0 20px 40px rgba(47, 51, 159, 0.30),
559      0 0 50px rgba(47, 51, 159, 0.22),
560      0 0 80px rgba(47, 51, 159, 0.15);
561  }
562</style>
563
564<script>
565function openChatbotWindow() {
566  const isMobile = window.innerWidth < 768;
567  const width = isMobile ? window.innerWidth - 20 : 1200;
568  const height = window.innerHeight - (isMobile ? 40 : 60);
569
570  const chatWindow = window.open('', '_blank',
571    `width=${width},height=${height},left=0,top=0,scrollbars=yes,resizable=yes,toolbar=no,menubar=no,location=no,status=no`
572  );
573
574  if (!chatWindow) {
575    alert("Please allow popups for this website to use the chatbot.");
576    return;
577  }
578
579  chatWindow.document.write(`
580    <!DOCTYPE html>
581    <html lang="en">
582    <head>
583      <meta charset="utf-8">
584      <title>Contact Support</title>
585      <meta name="viewport" content="width=device-width, initial-scale=1">
586      <style>
587        *{margin:0;padding:0;box-sizing:border-box}
588        body{background:#111;font-family:system-ui,Arial;overflow:hidden;height:100vh}
589        .container{width:100vw;height:100vh;display:flex;flex-direction:column}
590        .header{background:#000;color:#fff;padding:15px 20px;text-align:right}
591        .close-btn{font-size:40px;font-weight:bold;cursor:pointer}
592        .close-btn:hover{color:#2F339F}
593        iframe{width:100%;height:100%;border:none;flex:1}
594      </style>
595    </head>
596    <body>
597      <div class="container">
598        <div class="header"><span class="close-btn" onclick="window.close()">×</span></div>
599        <iframe src="https://api.chatlab.com/aichat/iframe?apiKey=73a0e7f4-ffe0-46ce-a708-e9d24ec13c95&iFrameMode=true&aichatbotProviderId=f9e9c5e4-6d1a-4b8c-8d3f-3f9e9c5e46d1" allowfullscreen></iframe>
600      </div>
601    </body>
602    </html>
603  `);
604  chatWindow.document.close();
605  chatWindow.onload = () => chatWindow.resizeTo(screen.availWidth, screen.availHeight);
606}
607
608document.addEventListener("DOMContentLoaded", function () {
609  document.getElementById("searchInput")?.setAttribute("placeholder", "How can we help?");
610  document.getElementById("chatbot-button")?.addEventListener("click", e => {
611    e.preventDefault();
612    openChatbotWindow();
613  });
614});
615</script>
615
616
617<section> <div class="alert alert-with-close notice hide" id="noticeajax"></div> </section>
618
619<section class="container-fluid px-0 fw-helpcenter mb-md-n64">
620  <div class="container">
621    <div class="row">
622      <div class="col-md-9 col-lg-6 mx-auto">
623        
624        
625  <h1>Hi, how can we help you?</h1>
626
627<form action="/en/support/search" id="fw-search-form" data-current-tab="all">
628  <div class="form-group fw-search  my-0">
629    <div class="input-group">
630      <input type="text" class="form-control" id="searchInput" name="term" value="" placeholder="Enter the search term here...." aria-describedby="srSearchUpdateMessage" autocomplete="off" aria-label="Enter the search term here....">
631      <button class="btn px-20 input-group-text btn-search" id="btnSearch" type="submit" aria-label="Search"><span class="icon-search search-input-icon"></span></button>
632    </div>
633
634    <div class="visually-hidden">
635      <span id="srSearchUpdateMessage" aria-live="polite"></span>
636    </div>
637
638    <div class="fw-autocomplete-wrapper box-shadow bg-light br-8 p-16 d-none">
639      <div class="fw-autocomplete-header search_nav_accessibility_lp" role="tablist">
640        <button id="all" class="fw-search-tab fw-active-search-tab" data-tab="all" role="tab" aria-selected="true" aria-controls="fw-search-tabpanel">
641          All
642        </button>
643        
644          <button id="solutions" class="fw-search-tab " data-tab="solutions" role="tab" aria-selected="false" aria-controls="fw-search-tabpanel">
645            Articles
646          </button>
647        
648        
649        
650      </div>
651
652      <div class="fw-loading my-80 d-none"></div>
653
654      <div class="fw-autocomplete-focus" id="fw-search-tabpanel" role="tabpanel" aria-labelledby="all" tabindex="0">
655
656        <div id="all-tabpanel">
657          <div class="fw-recent-search">
658            <div class="fw-recent-title d-none row align-items-center">
659              <h2 class="col-8 fs-20 semi-bold mb-0"><span class="icon-recent me-8"></span>Recent Searches</h2>
660              <div class="col-4 px-0 text-end"><button class="btn btn-link fw-clear-all">Clear all</button></div>
661            </div>
662            <p class="ps-32 fw-no-recent-searches mb-16 d-none">No recent searches</p>
663            <ul class="fw-no-bullet fw-recent-searches mb-16 d-none"></ul>
664          </div>
665
666          <div class="fw-popular-articles-search">
667            <h2 class="fs-20 semi-bold fw-popular-title d-none mb-16"><span class="icon-article me-8"></span> Popular Articles</h2>
668            <ul class="fw-no-bullet fw-popular-topics d-none"></ul>
669          </div>
670        </div>
671
672        <div id="solutions-tabpanel" class="fw-solutions-search-results fw-results d-none">
673          <hr class="mt-24" />
674          <div class="fw-solutions-search-results-title row align-items-center">
675            <h2 class="col-8 fs-20 semi-bold mb-0"><span class="icon-article me-8"></span>Articles</h2>
676            <div class="col-4 px-0 text-end"><a class="btn btn-link fw-view-all fw-solutions-view-all" href="/en/support/search/solutions">View all</a></div>
677          </div>
678          <ul class="fw-no-bullet fw-search-results fw-solutions-search-results-container"></ul>
679        </div>
680
681        <div id="topics-tabpanel" class="fw-topics-search-results fw-results d-none">
682          <hr class="mt-24" />
683          <div class="fw-topics-search-results-title row align-items-center">
684            <h2 class="col-8 fs-20 semi-bold mb-0"><span class="icon-topic me-8"></span>Topics</h2>
685            <div class="col-4 px-0 text-end"><a class="btn btn-link fw-view-all fw-topics-view-all" href="/en/support/search/topics">View all</a></div>
686          </div>
687          <ul class="fw-no-bullet fw-search-results fw-topics-search-results-container"></ul>
688        </div>
689
690        <div id="tickets-tabpanel" class="fw-tickets-search-results fw-results d-none">
691          <hr class="mt-24" />
692          <div class="fw-tickets-search-results-title row align-items-center">
693            <h2 class="col-8 fs-20 semi-bold mb-0"><span class="icon-ticket me-8"></span>Tickets</h2>
694            <div class="col-4 px-0 text-end"><a class="btn btn-link fw-view-all fw-tickets-view-all" href="/en/support/search/tickets">View all</a></div>
695          </div>
696          <ul class="fw-no-bullet fw-search-results fw-tickets-search-results-container"></ul>
697        </div>
698      </div>
699
700      <div class="fw-autocomplete-noresults d-none text-center py-40">
701        <img src="/assets/cdn/portal/images/no-results.png" class="img-fluid fw-no-results-img" alt="no results" />
702        <p class="mt-24 text-secondary">Sorry! nothing found for <br /> <span id="input_term"></span></p>
703      </div>
704    </div>
705  </div>
706</form>
707
708      </div>
709    </div>
710  </div>
711</section>
712
713<section class="container-fluid px-0 mt-16">
714  <div class="container">
715    <div class="row justify-content-center">
716
717      <!-- CONTACT SUPPORT (Chatbot) – renamed + same glow -->
718      <div class="col-md-6 col-xl-3 mb-8">
719        <a class="card fw-horizontal" id="chatbot-button" href="javascript:void(0);" aria-label="Contact Support">
720          <div class="card-body col-9" style="text-align: center;">
721            <h2 class="mt-0 card-title fs-18 line-clamp-2">Contact Support</h2>
722            <div class="fw-category-icon" style="display: inline-block;">
723              <img src="https://static.thenounproject.com/png/3528286-200.png" alt="Contact Support">
724            </div>
725          </div>
726        </a>
727      </div>
728
729      <!-- KNOWLEDGE BASE -->
730      <div class="col-md-6 col-xl-3 mb-8">
731        <a class="card fw-horizontal" href="/en/support/solutions" aria-label="Knowledge Base">
732          <div class="card-body col-9" style="text-align: center;">
733            <h2 class="mt-0 card-title fs-18 line-clamp-2">Knowledge Base</h2>
734            <div class="fw-category-icon" style="display: inline-block;">
735              <img src="https://png.pngtree.com/png-vector/20230408/ourmid/pngtree-knowledge-line-icon-vector-png-image_6694784.png" alt="Knowledge Base">
736            </div>
737          </div>
738        </a>
739      </div>
740
741      <!-- REPAIRS -->
742      <div class="col-md-6 col-xl-3 mb-8">
743        <a class="card fw-horizontal" href="https://www.altoprofessional.com/repairs" aria-label="Repairs" target="_blank">
744          <div class="card-body col-9" style="text-align: center;">
745            <h2 class="mt-0 card-title fs-18 line-clamp-2">Repairs</h2>
746            <div class="fw-category-icon" style="display: inline-block;">
747              <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTqF0jKoaVzbLnwL1CfNdb04cNkjBmW3O_wIClv5YtkEnCT07-HtRHCS9F7kiEGC6_L-ss&usqp=CAU" alt="Repairs">
748            </div>
749          </div>
750        </a>
751      </div>
752
753    </div>
754  </div>
755</section>
756
757<!-- Rest of the page – NO bottom Contact Support button -->
758
759
760
761<section class="container-fluid px-0 pt-60 pb-44 bg-light">
762  <div class="container">
763    
764      
765      
766        <div class="col-xl-9 mx-auto mb-32">
767          <div class="fw-section-heading row mb-16">
768            <div class="col-md-8 text-center text-lg-start imr"><h4 style="text-align:left;">Popular Articles</h4></div>
769            <div class="col-md-4 text-center text-end"><a href="/en/support/solutions">View all articles</a></div>
770          </div>
771          <div class="fw-articles">
772            <div class="row" style="display:block;">
773              
774              <a class="article_link" href="/en/support/solutions/articles/69000808372-how-do-i-register-my-product-">How do I register my product?</a>
775              
776              <a class="article_link" href="/en/support/solutions/articles/69000824604-i-need-help-with-my-product-what-can-i-do-">I need help with my product. What can I do?</a>
777              
778              <a class="article_link" href="/en/support/solutions/articles/69000798827-troubleshooting-usb-midi-devices-on-mac">Troubleshooting USB MIDI devices on Mac</a>
779              
780              <a class="article_link" href="/en/support/solutions/articles/69000809440-how-to-troubleshoot-your-class-compliant-midi-keyboard-or-controller-connection">How to Troubleshoot Your Class-Compliant MIDI Keyboard or Controller Connection</a>
781              
782              <a class="article_link" href="/en/support/solutions/articles/69000823910-how-transfer-your-hardware-or-software-to-a-new-user">How Transfer Your Hardware Or Software to A New User</a>
783              
784              <a class="article_link" href="/en/support/solutions/articles/69000812937-using-a-midi-monitor-to-test-a-midi-device">Using a MIDI Monitor to Test a MIDI Device</a>
785              
786              <a class="article_link" href="/en/support/solutions/articles/69000849177-how-to-disable-exclusive-mode-for-my-audio-device-">How to Disable Exclusive Mode for my Audio Device?</a>
787              
788              <a class="article_link" href="/en/support/solutions/articles/69000816748-alto-pro-ts4-series-frequently-asked-questions">Alto Pro TS4 Series | Frequently Asked Questions</a>
789              
790              <a class="article_link" href="/en/support/solutions/articles/69000850131-troubleshooting-common-issues-with-serato-controllers">Troubleshooting Common Issues with Serato Controllers</a>
791              
792              <a class="article_link" href="/en/support/solutions/articles/69000802582-gain-staging-101">Gain Staging 101</a>
793              
794            </div>
795          </div>
796        </div>
797      
798    
799
800    
801  </div>
802</section>
803
804</main>
805
806
807 <footer class="container-fluid px-0">
808   <section class="fw-contact-info">
809     <p class="fw-contacts">
810       
811     </p>
812   </section>
813   <section class="fw-credit">
814     <nav class="fw-laws">
815        
816        
817        
818        
819     </nav>
820   </section>
821 </footer>
822
823
824  
825
826  <div class="modal-backdrop fade d-none" id="overlay"></div>
827
828  
829
830  
830<script src="/assets/cdn/portal/scripts/bottom.js" nonce="t3zDftzwa5QczoYdgG+zLw=="></script>
830
831
832  
832<script src="/assets/cdn/portal/scripts/locales/en.js" nonce="t3zDftzwa5QczoYdgG+zLw=="></script>
832
833
834
835    
835<script src="/assets/cdn/portal/scripts/marketplace.js" nonce="t3zDftzwa5QczoYdgG+zLw==" async></script>
835
836
837
838  
838<script src="/assets/cdn/portal/scripts/integrations.js"  nonce="t3zDftzwa5QczoYdgG+zLw==" async></script>
838
839  
840
841
842
843
844
845</body>
846
847</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.