1<!DOCTYPE html> 2<html lang="en-US"> 3 <head> 4 <title>Get in touch with the Bela team - Bela.io</title>
vendor: 68 bytes, lines 4-5
4 5 <script async src="https://www.googletagmanager.com/gtag/js?id=
5G-9LZETSC8VZ
vendor: 16 bytes, lines 5-6
5"></script> 6
6<script> 7
vendor: 146 bytes, lines 7-11
7window.dataLayer = window.dataLayer || []; 8 function gtag(){dataLayer.push(arguments);} 9 gtag('js', new Date()); 10 11 gtag('config', '
11G-9LZETSC8VZ
vendor: 8 bytes, lines 11-12
11'); 12
12</script>
12 13 <meta charset="utf-8"> 14 <meta name="viewport" content="width=device-width"/> 15 <link rel="shortcut icon" type="image/png" href="https://bela.io/favicon.png"> 16
16<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
16 17 <link rel="preconnect" href="https://fonts.googleapis.com"> 18 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 19 <link href="https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300;400;500&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet"> 20 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" /> 21 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,500,0,0" /> 22 <link rel="stylesheet" href="/assets/css/styles.css"> 23 <!-- font awesome --> 24 <link rel="stylesheet" href="/assets/css/font-awesome/font-awesome.min.css"> 25 <link rel="stylesheet" href="/assets/css/font-awesome/fontawesome-pro-brands.css"> 26 <link rel="stylesheet" href="/assets/css/font-awesome/fontawesome-pro-core.css"> 27 <link rel="stylesheet" href="/assets/css/font-awesome/fontawesome-pro-light.css"> 28 <link rel="stylesheet" href="/assets/css/font-awesome/fontawesome-pro-regular.css"> 29 <link rel="stylesheet" href="/assets/css/font-awesome/fontawesome-pro-solid.css"> 30 <!-- Begin Jekyll SEO tag v2.8.0 --> 31<meta name="generator" content="Jekyll v3.10.0" /> 32<meta property="og:title" content="Contact" /> 33<meta property="og:locale" content="en_US" /> 34<meta name="description" content="Please use this form to send us any inquiries about products or services from Bela." /> 35<meta property="og:description" content="Please use this form to send us any inquiries about products or services from Bela." /> 36<link rel="canonical" href="https://bela.io/contact/" /> 37<meta property="og:url" content="https://bela.io/contact/" /> 38<meta property="og:site_name" content="Bela.io" /> 39<meta property="og:type" content="article" /> 40<meta property="article:published_time" content="2026-09-19T12:46:57+00:00" /> 41<meta name="twitter:card" content="summary" /> 42<meta property="twitter:title" content="Contact" /> 43<meta name="twitter:site" content="@belaPlatform" />
44<script type="application/ld+json"> 45{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2026-09-19T12:46:57+00:00","datePublished":"2026-09-19T12:46:57+00:00","description":"Please use this form to send us any inquiries about products or services from Bela.","headline":"Contact","mainEntityOfPage":{"@type":"WebPage","@id":"https://bela.io/contact/"},"url":"https://bela.io/contact/"}</script>
45 46<!-- End Jekyll SEO tag --> 47 48 </head> 49 50 <body> 51 <div id="overlay"> 52 </div> 53 <div id="header"> 54 <a class="top-link" href="https://bela.io"><img src="/assets/images/header-logo.png" class="logo" alt="Bela logo, colour"></a> 55 <div class="nav-toggle"> 56 <svg class="nav-toggle--inactive" viewBox="0 0 24 24"> 57 <path id="primary" d="M3,12H21M9,18H21M3,6H15"></path> 58 </svg> 59 <svg class="nav-toggle--active" viewBox="0 0 29 29"> 60 <path d="M 2 2 L 27 27"></path> 61 <path d="M 27 2 L 2 27"></path> 62 </svg> 63 </div> 64 <div class="nav-mobile"> 65 66 67 <div class="nav-dropdown"> 68 <a href="/instruments" class="nav-item">Instruments</a><div class="svg-wrapper"> 69 <svg class="plus" viewBox="-2 -2 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 70 <path d="M12 20L12 12M12 12L12 4M12 12L20 12M12 12L4 12"/> 71 </svg> 72</div> 73 <div class="nav-dropdown-content"> 74 75 76 <a href="/products/trails">Trails</a> 77 78 79 80 <a href="/products/gliss">Gliss</a> 81 82 83 84 <a href="/products/pepper">Pepper</a> 85 86 87 88 <a href="/products/magnetic-resonator-piano">Magnetic Resonator Piano</a> 89 90 91 </div> 92 </div> 93 94 95 96 <div class="nav-dropdown"> 97 <a href="/tools" class="nav-item">Tools</a><div class="svg-wrapper"> 98 <svg class="plus" viewBox="-2 -2 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 99 <path d="M12 20L12 12M12 12L12 4M12 12L20 12M12 12L4 12"/> 100 </svg> 101</div> 102 <div class="nav-dropdown-content"> 103 104 105 <a href="/products/bela-gem-stereo-and-multi">Bela Gem systems</a> 106 107 108 109 <a href="/products/trill-touch-sensors">Trill touch sensors</a> 110 111 112 113 <a href="/products/the-bela-ide">The Bela IDE</a> 114 115 116 117 <a href="/products/legacy-hardware">Legacy products</a> 118 119 120 </div> 121 </div> 122 123 124 125 <div class="nav-dropdown"> 126 <a href="/services" class="nav-item">Services</a><div class="svg-wrapper"> 127 <svg class="plus" viewBox="-2 -2 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 128 <path d="M12 20L12 12M12 12L12 4M12 12L20 12M12 12L4 12"/> 129 </svg> 130</div> 131 <div class="nav-dropdown-content"> 132 133 134 <a href="/about/consultancy">Consultancy</a> 135 136 137 138 <a href="/about/education">Education</a> 139 140 141 142 <a href="/support/">Support</a> 143 144 145 146 <a href="/about/about-bela">About us</a> 147 148 149 </div> 150 </div> 151 152 153 154 155 <a class="nav-item" href="https://shop.bela.io" target="new">SHOP</a> 156 157 158 159</div> 160 161<div class="nav-top"> 162 <div class="nav-top-center"> 163 164 165 166 <div class="nav-dropdown"> 167 <a href="/instruments" class="nav-item">Instruments</a> 168 <span class="material-symbols-outlined carat">arrow_drop_down</span> 169 <div class="nav-dropdown-content"> 170 171 172 <a href="/products/trails">Trails</a> 173 174 175 176 <a href="/products/gliss">Gliss</a> 177 178 179 180 <a href="/products/pepper">Pepper</a> 181 182 183 184 <a href="/products/magnetic-resonator-piano">Magnetic Resonator Piano</a> 185 186 187 </div> 188 </div> 189 190 191 192 193 194 <div class="nav-dropdown"> 195 <a href="/tools" class="nav-item">Tools</a> 196 <span class="material-symbols-outlined carat">arrow_drop_down</span> 197 <div class="nav-dropdown-content"> 198 199 200 <a href="/products/bela-gem-stereo-and-multi">Bela Gem systems</a> 201 202 203 204 <a href="/products/trill-touch-sensors">Trill touch sensors</a> 205 206 207 208 <a href="/products/the-bela-ide">The Bela IDE</a> 209 210 211 212 <a href="/products/legacy-hardware">Legacy products</a> 213 214 215 </div> 216 </div> 217 218 219 220 221 222 <div class="nav-dropdown"> 223 <a href="/services" class="nav-item">Services</a>
224 <span class="material-symbols-outlined carat">arrow_drop_down</span> 225 <div class="nav-dropdown-content"> 226 227 228 <a href="/about/consultancy">Consultancy</a> 229 230 231 232 <a href="/about/education">Education</a> 233 234 235 236 <a href="/support/">Support</a> 237 238 239 240 <a href="/about/about-bela">About us</a> 241 242 243 </div> 244 </div> 245 246 247 248 249 250 </div> 251 252 <div class="nav-top-right"> 253 254 255 256 257 258 259 260 261 262 <a class="nav-item nav-item-shop" href="https://shop.bela.io" target="_blank" rel="noopener noreferrer">SHOP</a> 263 264 265 266 </div> 267</div> 268</div> 269 270 271 <div id="content"> 272 <div class="hero"> 273 <span class="image-container"> 274 <img src="https://bela.io/assets/images/contact/hero.png" alt="Many wires plugged into the back of a server in a data farm" /> 275 </span> 276 <div class="hero-text"> 277 <div class="hero-title">Contact</div> 278 <div class="hero-subtitle"></div> 279 </div> 280</div> 281<h1>Contact the Bela team</h1> 282<!-- This adds anchor IDs to each heading element smaller than h1: --> 283<p>Please use this form to send us any inquiries about products or services from Bela.</p> 284 285<p>We look forward to hearing from you!</p> 286 287<form action="https://api.web3forms.com/submit" method="POST"> 288 <input type="hidden" name="access_key" value="1a83822b-32d4-4d1a-9b3a-5646b8a7a9ef" /> 289 <input type="hidden" name="subject" id="subject-line" value="[Website contact]" /> 290 291 <label> 292 Your email: 293 <input type="email" name="email" /> 294 </label> 295 296 <label class="select-label"> 297 What's your message about? 298 <div class="select"> 299 <select id="subject-picker"> 300 <option value="General">General question or feedback</option> 301 <option value="Purchase question">Question about purchasing</option> 302 <option value="Help with an existing order">Help with an existing order</option> 303 <option value="Consultancy">Consultancy</option> 304 <option value="Quantity Pricing">Quantity Pricing</option> 305 <option value="Distribution">Distribution</option> 306 <option value="Blog Submission">Blog Submission</option> 307 </select> 308 </div> 309 </label> 310 311 <label class="message"> 312 Your message: 313 <textarea name="message"></textarea> 314 </label> 315 <div class="h-captcha" data-captcha="true"></div> 316 <input type="hidden" name="redirect" value="https://bela.io/contact/thanks" /> 317 <button type="submit">Send</button> 318</form> 319
320<script> 321 // EMAIL FORM: Construct subject line based on dropdown selection 322 let updateSubjectLine = () => { 323 const urlParams = new URLSearchParams(window.location.search); 324 let from = urlParams.get('from'); 325 // amend default subject line depending on where we come from 326 from = from ? `${from} ` : ''; 327 let picker = $('#subject-picker'); 328 let newSub = picker.length ? picker[0].value : ''; 329 newSub = newSub ? newSub : ''; 330 $('#subject-line').removeAttr('value'); 331 $('#subject-line').attr('value', '[Website contact] '+ from + newSub); 332 } 333 updateSubjectLine(); // on load: simply append the infix 334 335 // When dropdown element changes, change subject line 336 $('#subject-picker').change(updateSubjectLine); 337</script>
337 338
339<script src="https://web3forms.com/client/script.js" async="" defer=""></script>
339 340 341<div class="spacer four"></div> 342 343 </div> 344 <div id="footer"> 345 <form class="newsletter-signup" action="https://qmul.us1.list-manage.com/subscribe/post?u=984c0ed7483851c64760303d2&id=d2150b705c" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> 346 <div class="preamble"> 347 <p class="head" id="newsletter">The Bela Newsletter</p> 348 <p class="text">Join our low-volume mailing list for news and exclusive discounts we don't offer anywhere else.</p> 349 </div> 350 <div class="email"> 351 <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> 352 <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 353 <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_984c0ed7483851c64760303d2_d2150b705c" tabindex="-1" value=""></div> 354 </div> 355 <div class="submit"> 356 <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="boxed button sub-button"> 357 </div> 358</form> 359 <div class="footer-content-block logo"> 360 <img src="/assets/images/logo_white.png" alt="Bela logo, bw"/> 361 </div> 362 363 <div class="footer-content-block connect"> 364 <p class="footer-title">CONNECT</p> 365 366 367 <a href='https://instagram.com/belaplatform'> 368 369 370 <i class='fab fa-instagram'></i> 371 372 instagram <br /> 373 </a> 374 375 376 <a href='https://www.youtube.com/channel/UCgWd1Q2dcWdqCGNl5BijFsA'> 377 378 379 <i class='fab fa-youtube'></i> 380 381 youtube <br /> 382 </a> 383 384 385 <a href='https://github.com/BelaPlatform'> 386 387 388 <i class='fab fa-github'></i> 389 390 github <br /> 391 </a> 392 393 394 <a href='/contact/'> 395 396 397 <i class='fab fa-contact'></i> 398 399 contact 400 </a> 401 402 </div> 403 404 405 406 <div class="footer-content-block links"> 407 <p class="footer-title">LINKS</p> 408 409 410 <a href='/about/about-bela/'> 411 412 413 About <br /> 414 </a> 415 416 417 <a href='/tools/'> 418 419 420 Tools <br /> 421 </a> 422 423 424 <a href='/instruments/'> 425 426 427 Instruments <br /> 428 </a> 429 430 431 <a href='/about/consultancy/'> 432 433 434 Consultancy <br /> 435 </a> 436 437 438 <a href='/about/education/'> 439 440 441 Education 442 </a> 443 444 </div> 445 446 447 448 <div class="footer-content-block resources"> 449 <p class="footer-title">RESOURCES</p> 450 451 452 <a href='https://learn.bela.io'> 453 454 455 Documentation <br /> 456 </a> 457 458 459 <a href='https://forum.bela.io'> 460 461 462 Forum <br /> 463 </a> 464 465 466 <a href='https://blog.bela.io'> 467 468 469 News <br /> 470 </a> 471 472 473 <a href='https://learn.bela.io/get-started-guide/'> 474 475 476 Getting Started 477 </a> 478 479 </div> 480 481 482 483 </div> 484</div> 485 <div class="cookies"> 486 <p>We use cookies to analyse our web traffic and to improve your experience.</p> 487 <a href="#" class="cookie-button"> 488 Accept 489 </a> 490</div> 491
491<script src="/assets/js/global.js"></script>
vendor: 1 bytes, line 491
491
492<script src="/assets/js/timeline.js"></script>
vendor: 1 bytes, line 492
492
493<script src="/assets/js/showcase.js" defer></script>
493 494 495 </body> 496</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.