CINXE.COM
Custom Notes | Speaker Deck
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Custom Notes | Speaker Deck</title> <link rel="preconnect" href="https://fonts.googleapis.com/"> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> <link rel="stylesheet" media="screen" href="https://d1eu30co0ohy4w.cloudfront.net/assets/application-501db7e03e864713ac7fbdd4ae3c5591765f51b140a8de0e98adfd2d065b13aa.css" /> <script src="https://d1eu30co0ohy4w.cloudfront.net/assets/application-bb883a8c431d6aaaad55.js"></script> <link rel="icon" type="image/png" href="https://d1eu30co0ohy4w.cloudfront.net/assets/favicon-bdd5839d46040a50edf189174e6f7aacc8abb3aaecd56a4711cf00d820883f47.png" /> <link rel="apple-touch-icon" type="image/png" href="https://d1eu30co0ohy4w.cloudfront.net/assets/favicon-bdd5839d46040a50edf189174e6f7aacc8abb3aaecd56a4711cf00d820883f47.png" /> <link rel="manifest" href="/manifest.json"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="ZkldzVlIdJmX2rFW2ReV8ke0FdwgUM4++2+BXpNt/BNl9xb9jVp8k3xtc+6g17AxVg18Ht1BFGmMCy6UARTuew==" /> <script src="https://js.stripe.com/v3/"></script> <script data-turbolinks-eval="false"> const stripe = Stripe('pk_live_YMkZruVXmAVe2zYj8NaaT8bK') </script> <script src="https://d1eu30co0ohy4w.cloudfront.net/assets/stripe-5e28e8a55242af510aa5.js"></script> <meta property="og:title" content="Custom Notes - Add Slide Captions and Notes | Speaker Deck" /> <meta property="og:description" name="description" content="A picture is worth a thousand words, but sometimes you need to add additional context to your presentations. Add custom text to each slide to give viewers more insights and clarity. " /> </head> <body class="sd-app"> <div id="promo" class="promo d-flex alert alert-warning"> <a class="d-block flex-grow-1 text-center text-dark h4 mb-0" href="/pro?utm_campaign=option1&utm_medium=web&utm_source=promo_banner"> $30 off During Our Annual Pro Sale. View Details » </a> <script> document.addEventListener("DOMContentLoaded", (event) => { gtag('event', 'promo_view', { 'banner': 'option1' }); }); </script> <button type="button" id="promo-dismiss" class="btn-close align-self-center" aria-label="Close"></button> </div> <div class="sd-menu"> <div class="container sd-menu-fixed-container"> <div class="sd-brand"> <a class="sd-brand-logo" href="/"> <img alt="Speaker Deck" width="32" height="20" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-f4be6df1e05965cac9f98e664a6c35f5ffdd0207385d07464a9214d6cdf76082.svg" /> <span class="d-none d-md-inline">Speaker Deck</span> </a> </div> <nav class="sd-fixed-nav" aria-label="Primary"> <div class="sd-nav-main js-toggle-container"> <ul class="sd-nav-fixed-group nav toggle-flex-when-off"> <li class="sd-nav-item nav-item d-none d-md-block"> <a class="sd-nav-link nav-link" href="/features"> Features </a> </li> <li class="sd-nav-item nav-item d-none d-md-block"> <a class="sd-nav-link nav-link" href="/pro"> <span class="d-none d-md-inline">Speaker Deck</span> <div class="badge badge-pro-prominent">PRO</div> </a> </li> <li class="sd-nav-item nav-item"> <a class="sd-nav-link nav-link" href="/signin"> Sign in </a> </li> <li class="sd-nav-item nav-item"> <a class="btn btn-primary" href="/signup"> Sign up for free </a> </li> <li class="sd-nav-item d-block d-md-none"> <button class="btn btn-link me-2 js-toggle-trigger" aria-label="Toggle Search"> <svg class="icon icon-search "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-search"></use></svg> </button> </li> <li class="sd-nav-item nav-item d-none d-md-block"> <form action="https://www.google.com/cse" id="cse-search-box" class="row"> <input type="hidden" name="cx" value="010150859881542981030:hqhxyxpwtc4"> <input type="hidden" name="ie" value="UTF-8"> <label for="q" class="visually-hidden">Search</label> <div class="col"><input type="text" name="q" id="q" value="" placeholder="Search..." class="form-control search-input w-auto"></div> <div class="col"><input type="submit" name="sa" value="Search" class="btn btn-outline-primary d-inline-block d-md-none d-lg-inline-block"></div> </form> </li> </ul> <ul class="sd-nav-fixed-group nav toggle-flex-when-on"> <li class="sd-nav-item"> <form action="https://www.google.com/cse" id="cse-search-box" class="row"> <input type="hidden" name="cx" value="010150859881542981030:hqhxyxpwtc4"> <input type="hidden" name="ie" value="UTF-8"> <label for="q" class="visually-hidden">Search</label> <div class="col"><input type="text" name="q" id="q" value="" placeholder="Search..." class="form-control search-input w-auto"></div> <div class="col"><input type="submit" name="sa" value="Search" class="btn btn-outline-primary d-inline-block d-md-none d-lg-inline-block"></div> </form> </li> <li class="sd-nav-item pe-2"> <button class="btn btn-link js-toggle-trigger"> <svg class="icon icon-x "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-x"></use></svg> </button> </li> </ul> </div> </nav> </div> </div> <div class="sd-main"> <div class="js-toggle-container"> <div class="heroine-dark"> <div class="container"> <div class="row justify-content-around align-items-center py-5"> <div class="col-12 col-md-6 col-lg-5 mb-4 mb-md-0"> <h1 class="text-white mb-4">Custom Notes - Add Slide Captions and Notes</h1> <p class="lead text-inverse mb-4"> A picture is worth a thousand words, but sometimes you need to add additional context to your presentations. Add custom text to each slide to give viewers more insights and clarity. </p> <div class="text-inverse"> <a class="font-weight-bold link-white" href="/signup">Sign up</a> or <a class="font-weight-bold link-white" href="/signin?return_to=%2Fpro">Sign in</a> to subscribe to <strong>Speaker Deck Pro</strong> </div> </div> <div class="col-12 col-md-6 col-lg-6"> <img alt="Abstract mockup of the Notes interface showing overlapping windows" loading="lazy" src="https://d1eu30co0ohy4w.cloudfront.net/assets/pro/feature-notes-feature-9e641751bda8fa56a524c0714e32f02f5d293e6452d1ea450ad143ac16d6e13d.png" width="720" height="631" /> </div> </div> </div> </div> <div class="bg-white pt-5"> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-md-6 mb-2 text-center"> <h2>See it in Action</h2> </div> <div class="col-12 text-center mb-5"> <iframe loading="lazy" src="https://player.vimeo.com/video/645277953?h=4f4ffcbefe&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="aspect-ratio:16/9;width:100%;height:auto;" title="Speaker Deck - Notes"></iframe> </div> </div> </div> </div> <div class="bg-feature py-5 px-4 text-center"> <h1 class="mb-4 text-white">Join the Pros</h1> <div class="row justify-content-center"> <div class="col-12 col-md-7 col-lg-5 lead text-inverse mb-4"> See how Speaker Deck Pro can make sharing your decks faster, more flexible, and informative. </div> </div> <div class="text-inverse"> <a class="font-weight-bold link-white" href="/signup">Sign up</a> or <a class="font-weight-bold link-white" href="/signin?return_to=%2Fpro">Sign in</a> to subscribe to <strong>Speaker Deck Pro</strong> </div> </div> <div class="bg-faded pt-5"> <div class="container" id="features"> <div class="row"> <h2 class="col-12 text-center mb-5">Keep Exploring Features</h2> </div> <div class="row"> <div class="col-12 col-md-6 col-lg-4 mb-5"> <h4 class="mb-3"> <svg class="icon icon-lock icon-dark"><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-lock"></use></svg> Password protection </h4> <p class="text-bump"> Take <em>control</em> of your privacy through password-protected access. </p> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <h4 class="mb-3"> <svg class="icon icon-arrow-up-circle icon-dark"><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-arrow-up-circle"></use></svg> Faster uploads </h4> <p class="text-bump"> Speaker Deck Pro subscribers get <em>priority</em> processing speeds for faster presentation uploads. </p> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <h4 class="mb-3"> <svg class="icon icon-clock icon-dark"><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-clock"></use></svg> Delayed publishing </h4> <p class="text-bump"> Automatically publish your presentation at the pre-scheduled date and time of your choosing. </p> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <h4 class="mb-3"> <span class="badge badge-pro">PRO</span> Proud to be pro </h4> <p class="text-bump"> We鈥檒l mark your profile, and everywhere else we show your info, with a Pro badge to thank you for being a vital part of our community. </p> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card"> <div class="card-header bg-feature text-white font-weight-bold">Help us help you</div> <div class="card-body"> Pros help us continue to offer the great level of service you鈥檝e come to expect from Speaker Deck. <strong>Thank you!</strong> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <h4 class="mb-3"> <svg class="icon icon-download icon-dark"><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-download"></use></svg> Disabled downloads </h4> <p class="text-bump"> Keep your presentation from falling into the wrong hands by disabling downloads. </p> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <h4 class="mb-3"> <svg class="icon icon-fullscreen icon-dark"><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-fullscreen"></use></svg> Limitless uploads </h4> <p class="text-bump"> Upload as many presentations as you would like (up to 150MB each). </p> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <h4 class="mb-3"> <svg class="icon icon-display icon-dark"><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-display"></use></svg> No Embed Branding </h4> <p class="text-bump"> Strip the Speaker Deck branding from our player when embedding your decks. Only your deck and the navigation will be visible. </p> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <h4 class="mb-3"> <svg class="icon icon-bag icon-dark"><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-bag"></use></svg> Brand and Ad-Free </h4> <p class="text-bump"> Use Speaker Deck <em>without</em> ads and showcase your presentations <em>without</em> our branding. </p> </div> </div> </div> </div> </div> </div> <footer class="d-block bg-black sd-footer"> <img alt="" class="footer-logo-bg" loading="lazy" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-f4be6df1e05965cac9f98e664a6c35f5ffdd0207385d07464a9214d6cdf76082.svg" /> <div class="container position-relative"> <div class="row py-3 py-md-5 justify-content-lg-between"> <div class="col-12 col-md-4 col-lg-3 text-center mb-2"> <a href="/"> <img alt="Speaker Deck" class="footer-logo mb-2" loading="lazy" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-f4be6df1e05965cac9f98e664a6c35f5ffdd0207385d07464a9214d6cdf76082.svg" width="70" height="44" /> <p class="speaker-deck">SpeakerDeck</p> </a> <a class="footer-icon mx-1" title="SpeakerDeck on Facebook" href="https://www.facebook.com/speakerdeck"><svg class="icon icon-facebook "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-facebook"></use></svg></a> <a class="footer-icon mx-1" title="SpeakerDeck on Twitter" href="https://twitter.com/speakerdeck"><svg class="icon icon-twitter "><use xlink:href="/icons/icons.svg?v=2024-03-03#icon-twitter"></use></svg></a> </div> <div class="col-12 col-md-4 col-lg-auto py-2"> <nav aria-label="Top Categories"> <h2>Top Categories</h2> <ul class="nav-footer"> <li><a href="/c/programming">Programming</a></li> <li><a href="/c/technology">Technology</a></li> <li class="mb-3"><a href="/c/storyboards">Storyboards</a></li> <li><a href="/p/featured">Featured decks</a></li> <li><a href="/s/featured">Featured speakers</a></li> </ul> </nav> </div> <div class="col-12 col-md-4 col-lg-auto py-2"> <nav aria-label="Legal"> <h2>Use Cases</h2> <ul class="nav-footer"> <li><a href="/pro/storyboard-artists">Storyboard Artists</a></li> <li><a href="/educators">Educators</a></li> <li><a href="/student-pricing">Students</a></li> </ul> </nav> </div> <div class="col-12 col-md-4 col-lg-auto offset-md-4 offset-lg-0 py-2"> <nav aria-label="Resources"> <h2>Resources</h2> <ul class="nav-footer"> <li><a href="https://help.speakerdeck.com/">Help Center</a></li> <li><a href="https://blog.speakerdeck.com/">Blog</a></li> <li><a href="/slideshare-alternative">Compare Speaker Deck</a></li> <li><a href="/advertising">Advertising</a></li> </ul> </nav> </div> <div class="col-12 col-md-4 col-lg-auto py-2"> <nav aria-label="Features"> <h2>Features</h2> <ul class="nav-footer"> <li><a href="/features/privacy-controls">Private URLs</a></li> <li><a href="/features/password-protection">Password Protection</a></li> <li><a href="/features/custom-urls">Custom URLS</a></li> <li><a href="/features/scheduled-publishing">Scheduled publishing</a></li> <li><a href="/features/remove-branding">Remove Branding</a></li> <li><a href="/features/restrict-embedding">Restrict embedding</a></li> <li><a href="/features/slide-notes">Notes</a></li> </ul> </nav> </div> </div> <div class="row text-center border-top"> <div class="col-12 py-3"> <p class="copyright-text mb-1">Copyright © 2024 Speaker Deck, LLC.</p> <p class="mb-1">All slide content and descriptions are owned by their creators.</p> <ul class="list-inline"> <li class="list-inline-item"><a href="/about">About</a></li> <li class="list-inline-item"><a href="/tos">Terms</a></li> <li class="list-inline-item"><a href="/privacy">Privacy</a></li> <li class="list-inline-item"><a href="/dmca">DMCA</a></li> <li class="list-inline-item"><a href="/accessibility">Accessibility Statement</a></li> </ul> </div> </div> </div> </footer> <script src="https://d1eu30co0ohy4w.cloudfront.net/assets/stats-985244a1810e3ad665b3.js"></script> <script data-turbolinks-eval="false"> Stats.host = 'speakerdeck.com'; </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-8WD0LC0MP9"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-8WD0LC0MP9'); </script> <script> !function(f,b,e,v,n,t,s) { if(f.fbq) return; n=f.fbq=function() { n.callMethod? n.callMethod.apply(n,arguments) : n.queue.push(arguments) }; if(!f._fbq) f._fbq=n; n.push=n; n.loaded=!0; n.version='2.0'; n.queue=[]; t=b.createElement(e); t.async=!0; t.src=v; s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '2893765844191276'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2893765844191276&ev=PageView&noscript=1" /> </noscript> <script async type="text/javascript" src="https://platform.twitter.com/widgets.js"></script> <script> Array.from(document.querySelectorAll('.facebook-share')).forEach((element) => { element.addEventListener('click', function(e){ e.preventDefault() let title = encodeURIComponent(document.title) let url = encodeURIComponent(document.location.href) window.open('https://www.facebook.com/dialog/share?app_id=1428152667543587&display=popup&href=' + url + '&title=' + title, "_blank", "toolbar=no,menubar=no,location=yes,resizable=yes,scrollbars=yes,status=yes,width=600,height=400,modal=yes,alwaysRaised=yes"); }, false) }) </script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8ec486d78db1ce77',t:'MTczMzIzOTA4MC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>