CINXE.COM

<!DOCTYPE html> <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta charset="utf-8" /> <meta name="Author" content="Apple Inc." /> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" /> <link rel="mask-icon" href="/apple-logo.svg" color="#333333"> <link rel="stylesheet" href="/assets/styles/global.dist.css?01172423298" type="text/css" /> <link rel="stylesheet" href="/assets/styles/dark-mode.css?17182448067" type="text/css" media="(prefers-color-scheme: dark)" data-color-scheme="dark" /> <link rel="stylesheet" href="/assets/styles/localization.css?39172414191" type="text/css" /> <script src="/assets/scripts/lib/jquery/jquery-3.6.0.min.js?17182448067"></script> <script src="/assets/scripts/settings.js?17182448067"></script> <script src="/assets/scripts/language-locales.js?17182448067"></script> <script src="/assets/scripts/DeveloperBreadcrumbs.js?05182434080"></script> <script async src="/assets/scripts/lib/jquery/jquery.retinate.js?17182448067"></script> <script async src="/assets/scripts/global.js?17182448067"></script> <script async src="/assets/scripts/global-logout.js?17182448067"></script> <link rel="stylesheet" href="https://www.apple.com/wss/fonts?family=SF+Pro&v=2" type="text/css" /> <link rel="stylesheet" href="https://www.apple.com/wss/fonts?family=SF+Pro+Icons&v=1" type="text/css" /> <link rel="stylesheet" href="https://www.apple.com/wss/fonts?family=SF+Mono&v=2" type="text/css" /> <link rel="stylesheet" href="https://www.apple.com/wss/fonts?family=Apple+Icons&v=1" type="text/css" /> <title>Make features discoverable with TipKit - WWDC23 - Videos - Apple Developer</title> <meta name="omni_page" content="Make features discoverable with TipKit - WWDC23 - Videos" /> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link type="text/css" rel="stylesheet" href="/videos/styles/videos.css?2"> <link type="text/css" rel="stylesheet" href="/videos/styles/video-overlay.css?2"> <meta name="description" content="Teach people how to use your app with TipKit! Learn how you can create effective educational moments through tips. We'll share how you..."> <meta property="og:url" content="https://developer.apple.com/videos/play/wwdc2023/10229/" /> <meta property="og:title" content="Make features discoverable with TipKit - WWDC23 - Videos - Apple Developer" /> <meta property="og:description" content="Teach people how to use your app with TipKit! Learn how you can create effective educational moments through tips. We'll share how you..." /> <meta property="og:site_name" content="Apple Developer" /> <meta property="og:type" content="website" /> <meta property="og:video" content="https://devstreaming-cdn.apple.com/videos/wwdc/2023/10229/4/07E6CA29-01CD-4E03-A3FF-D7D8A3FB4CEF/cmaf.m3u8" /> <meta property="og:video_secure_url" content="https://devstreaming-cdn.apple.com/videos/wwdc/2023/10229/4/07E6CA29-01CD-4E03-A3FF-D7D8A3FB4CEF/cmaf.m3u8" /> <meta property="og:video:type" content="vnd.apple.mpegURL" /> <meta property="og:video:width" content="1280" /> <meta property="og:video:height" content="720" /> <meta property="og:image" content="https://devimages-cdn.apple.com/wwdc-services/images/D35E0E85-CCB6-41A1-B227-7995ECD83ED5/8293/8293_wide_250x141_2x.jpg" /> <meta property="og:locale" content="en_US" /> <meta itemprop="datePublished" content="2023-06-06"> <meta itemprop="uploadDate" content="2023-06-06"> <link rel="alternate" href="https://developer.apple.com/videos/play/wwdc2023/10229/" hreflang="en"> <link rel="alternate" href="https://developer.apple.com/kr/videos/play/wwdc2023/10229/" hreflang="ko-KR"> <link rel="alternate" href="https://developer.apple.com/cn/videos/play/wwdc2023/10229/" hreflang="zh-CN"> <link rel="alternate" href="https://developer.apple.com/jp/videos/play/wwdc2023/10229/" hreflang="ja-JP"> <link rel="canonical" href="https://developer.apple.com/videos/play/wwdc2023/10229/" /> </head> <body class="view-play theme-dark"> <script> const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches; if (window.Settings.preferredColorScheme) { const colorTheme = (window.Settings.preferredColorScheme === 'auto') && !prefersDark ? 'light' : (window.Settings.preferredColorScheme === 'light') ? 'light' : 'dark' document.body.setAttribute('data-color-scheme', colorTheme); } else { document.body.setAttribute('data-color-scheme', prefersDark ? 'dark' : 'light'); } </script> <style> /* footer */ html body[data-color-scheme='dark'] #main section.section.section-resources.bg-alt {background-color:var(--fill-tertiary);color:var(--glyph-gray);} html body[data-color-scheme='dark'] .developer-router-links {background-color:var(--fill-tertiary);color:var(--glyph-gray);} html body[data-color-scheme='dark'] .footer {background-color:var(--fill-tertiary);color:var(--glyph-gray-tertiary);} /* body backgrounds */ body[data-color-scheme='dark'].dmf {background-color: #000;} html body[data-color-scheme='dark'].dmf .bg-alt {background-color:var(--fill-tertiary);} html body[data-color-scheme='dark'].dmf .bg-blue {background-color:var(--fill-blue-secondary);} html body[data-color-scheme='dark'].dmf .bg-green-blue {background:linear-gradient(135deg, #65976d 0%, #588ea4 100%)} html body[data-color-scheme='dark'].dmf .bg-yellow {background: linear-gradient(to bottom, var(--fill-tertiary) 0%, var(--fill-tertiary-alt) 100%);} html body[data-color-scheme='dark'].dmf .bg-light {background-color:var(--fill-secondary-alt);} html body[data-color-scheme='dark'].dmf .bg-gradient, html body[data-color-scheme='dark'].dmf .bg-grad {background:linear-gradient(to bottom, var(--dark) 0%, var(--fill-gray-secondary-alt) 100%);} html body[data-color-scheme='dark'].dmf .bg-grad-down {background:linear-gradient(to bottom, var(--dark) 0%, var(--fill-gray-secondary-alt) 100%);} html body[data-color-scheme='dark'].dmf .bg-grad-up {background:linear-gradient(to bottom, var(--fill-gray-secondary-alt) 0%, var(--dark) 100%);} html body[data-color-scheme='dark'].dmf .bg-blue-gradient, html body[data-color-scheme='dark'].dmf .bg-gradient-blue {background:linear-gradient(to bottom, var(--fill-blue-gradient-light) 0%, var(--fill-blue-gradient-dark) 100%);} html body[data-color-scheme='dark'].dmf .bg-blue-gradient-alt {background: linear-gradient(90deg, #061830 0%, #102d48 100%);} /* globalNav */ html body[data-color-scheme='dark'] #ac-globalnav {background: var(--fill-tertiary);} /* localNav */ html body[data-color-scheme='dark'] .localnav.localnav-scrim .localnav-background, html body[data-color-scheme='dark'] .localnav-scrim.localnav.localnav-background { background-color: rgba(29, 29, 31, 0.9); } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { html body[data-color-scheme='dark'] .localnav.localnav-scrim .localnav-background, html body[data-color-scheme='dark'] .localnav-scrim.localnav.localnav-background { background-color: rgba(29, 29, 31, 0.72); } } </style> <link rel="stylesheet" href="/assets/styles/globalnav.css?55202406207" type="text/css" /> <link rel="stylesheet" href="/assets/styles/suggest-lang.css?17182448067" type="text/css" /> <div id="suggest-lang" class="ribbon hide" lang="en"> <div class="ribbon-content-wrapper"> <div class="ribbon-content row"> <div class="column large-12 large-centered"> <a href="#" id="suggest-link" class="ribbon-link more">View in English</a> <button id="suggest-closer" class="icon icon-after icon-reset" aria-label="Dismiss language suggestion" tabindex="0"></button> </div> </div> </div> </div> <script src="/assets/scripts/suggest-lang.js?17182448067"></script> <aside id="ac-gn-segmentbar" class="ac-gn-segmentbar" lang="en-US" dir="ltr"> </aside> <input type="checkbox" id="ac-gn-menustate" class="ac-gn-menustate" /> <nav id="ac-globalnav" class="no-js" role="navigation" aria-label="Global" data-hires="false" data-analytics-region="global nav" lang="en-US" dir="ltr" data-www-domain="www.apple.com" data-store-locale="us" data-store-root-path="/us" data-store-api="/[storefront]/shop/bag/status" data-search-locale="en_US" data-search-suggestions-api="/search-services/suggestions/" data-search-defaultlinks-api="/search-services/suggestions/defaultlinks/" data-search-suggestions-enabled="false"> <div class="ac-gn-content"> <ul class="ac-gn-header"> <li class="ac-gn-item ac-gn-menuicon"> <label class="ac-gn-menuicon-label" for="ac-gn-menustate" aria-hidden="true"> </label> <a href="#ac-gn-menustate" role="button" class="ac-gn-menuanchor ac-gn-menuanchor-open" id="ac-gn-menuanchor-open"> Global Nav Open Menu </a> <a href="#" role="button" class="ac-gn-menuanchor ac-gn-menuanchor-close" id="ac-gn-menuanchor-close"> Global Nav Close Menu </a> </li> <li class="ac-gn-item ac-gn-apple"> <a class="ac-gn-link ac-gn-link-apple-developer" href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus-small"> Apple Developer </a> </li> </ul> <div class="ac-gn-search-placeholder-container" role="search"> <div class="ac-gn-search ac-gn-search-small"> <a id="ac-gn-link-search-small" class="ac-gn-link" href="/search/" data-analytics-title="search" data-analytics-click="search" data-analytics-intrapage-link aria-label="Search"> <div class="ac-gn-search-placeholder-bar"> <div class="ac-gn-search-placeholder-input"> <div class="ac-gn-search-placeholder-input-text" aria-hidden="true"> <div class="ac-gn-link-search ac-gn-search-placeholder-input-icon"></div> Search </div> </div> <div class="ac-gn-searchview-close ac-gn-searchview-close-small ac-gn-search-placeholder-searchview-close"> Cancel </div> </div> </a> </div> </div> <ul class="ac-gn-list"> <li class="ac-gn-item ac-gn-apple"> <a class="ac-gn-link ac-gn-link-apple-developer" href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus"> Apple Developer </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-news"> <a class="ac-gn-link ac-gn-link-news" href="/news/" data-analytics-title="news"> News </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-discover"> <a class="ac-gn-link ac-gn-link-discover" href="/discover/" data-analytics-title="discover"> Discover </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-design"> <a class="ac-gn-link ac-gn-link-design" href="/design/" data-analytics-title="design"> Design </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-develop"> <a class="ac-gn-link ac-gn-link-develop" href="/develop/" data-analytics-title="develop"> Develop </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-distribute"> <a class="ac-gn-link ac-gn-link-distribute" href="/distribute/" data-analytics-title="distribute"> Distribute </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-dsupport"> <a class="ac-gn-link ac-gn-link-dsupport" href="/support/" data-analytics-title="dsupport"> Support </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-account"> <a class="ac-gn-link ac-gn-link-account" href="/account/" data-analytics-title="account"> Account </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-search" role="search"> <a id="ac-gn-link-search" class="ac-gn-link ac-gn-link-search" href="/search/" data-analytics-title="search" data-analytics-click="search" data-analytics-intrapage-link aria-label="Search"></a> </li> </ul> <aside id="ac-gn-searchview" class="ac-gn-searchview" role="search" data-analytics-region="search"> <div class="ac-gn-searchview-content"> <div class="ac-gn-searchview-bar"> <div class="ac-gn-searchview-bar-wrapper"> <form id="ac-gn-searchform" class="ac-gn-searchform" action="/search/" method="get"> <div class="ac-gn-searchform-wrapper"> <input id="ac-gn-searchform-input" class="ac-gn-searchform-input" type="text" name="q" aria-label="Search" placeholder="Search" autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="true" aria-owns="quicklinks suggestions" /> <button id="ac-gn-searchform-submit" class="ac-gn-searchform-submit" type="submit" disabled aria-label="Submit Search"></button> <button id="ac-gn-searchform-reset" class="ac-gn-searchform-reset" type="reset" disabled aria-label="Clear Search"> </button> </div> </form> <button id="ac-gn-searchview-close-small" class="ac-gn-searchview-close ac-gn-searchview-close-small" aria-label="Cancel Search"> Cancel </button> </div> </div> <aside id="ac-gn-searchresults" class="ac-gn-searchresults hidden" data-string-quicklinks="Quick Links" data-string-suggestions="Suggested Searches" data-string-noresults=""> <section class="ac-gn-searchresults-section ac-gn-searchresults-section-defaultlinks"> <div class="ac-gn-searchresults-section-wrapper"> <div class="search-group-checkbox hidden"><input id="group-input" type="checkbox" name="group-filter" checked>Only search within “”</div> <h3 class="ac-gn-searchresults-header ac-gn-searchresults-animated">Quick Links</h3> <ul class="ac-gn-searchresults-list" id="defaultlinks" role="listbox"> </ul> 5 Quick Links </div> </section> </aside> </div> <button id="ac-gn-searchview-close" class="ac-gn-searchview-close" aria-label="Cancel Search"> </button> </aside> </div> </nav> <div class="ac-gn-blur"></div> <div id="ac-gn-curtain" class="ac-gn-curtain"></div> <div id="ac-gn-placeholder" class="ac-nav-placeholder"></div> <script src="/assets/scripts/ac-globalnav.built.js?17182448067"></script> <link rel="stylesheet" href="/assets/styles/search.css?17182448067"> <script src="/assets/scripts/search.js?17182448067"></script>  <script> /* RSID: */ var s_account="awdappledeveloper" </script> <script src="/assets/metrics/scripts/analytics.js?072620243"></script> <script> s.pageName= AC && AC.Tracking && AC.Tracking.pageName(); s.channel="www.en.developer" s.channel="www.videos.developer"; /************* DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/ var s_code=s.t();if(s_code)document.write(s_code) </script>  <link rel="stylesheet" property="stylesheet" href="/assets/styles/localnav.css" type="text/css" /> <input type="checkbox" id="localnav-menustate" class="localnav-menustate"/> <nav id="localnav" class="localnav localnav-scrim theme-dark" data-sticky role="navigation"> <div class="localnav-wrapper"> <div class="localnav-background"></div> <div class="localnav-content"> <h2 class="localnav-title"> <a href="/videos/">Videos</a> </h2> <div class="localnav-menu"> <a href="#localnav-menustate" class="localnav-menucta-anchor localnav-menucta-anchor-open" id="localnav-menustate-open"> Open Menu </a> <a href="#" class="localnav-menucta-anchor localnav-menucta-anchor-close" id="localnav-menustate-close"> Close Menu </a> <div class="localnav-menu-tray"> <ul class="localnav-menu-items"> <li class="localnav-menu-item"> <a href="/videos/" class="localnav-menu-link">Collection</a> </li> <li class="localnav-menu-item"> <a href="/videos/topics/" class="localnav-menu-link">Topics</a> </li> <li class="localnav-menu-item"> <a href="/videos/all-videos/" class="localnav-menu-link">All Videos</a> </li> <li class="localnav-menu-item"> <a href="/videos/about/" class="localnav-menu-link">About</a> </li> </ul> </div> <div class="localnav-actions localnav-actions-center"> <div class="localnav-action localnav-action-menucta" aria-hidden="true"> <label for="localnav-menustate" class="localnav-menucta"> </label> </div> </div> </div> </div> </div> </nav> <label id="localnav-curtain" for="localnav-menustate"></label> <script src="/assets/scripts/ac-localnav.built.js"></script> <script type="text/javascript" src="/assets/scripts/localnav.js"></script> <main id="main" class="main theme-dark" role="main"> <section class="bg-dark"> <section class="grid"> <section class="row"> <section class="column large-10 small-12 padding-top-small large-centered no-padding-bottom">  <a class="icon icon-before icon-chevronleft" href="/videos/">More Videos</a> </section> </section>  <section class="video-wrapper row"> <section class="column large-10 small-12 padding-top-small padding-bottom-small large-centered"> <div class="developer-video-player"> <div id="video-status-overlay" class="developer-video-overlay" style="display: none"> <div class="video-status-content"> <div id="video-status-text"></div> <img class="video-status-icon" id="icon-backward" src="/assets/elements/icons/symbols/gobackward5.svg" style="display: none" /> <img class="video-status-icon" id="icon-forward" src="/assets/elements/icons/symbols/goforward5.svg" style="display: none" /> </div> </div> <video id="video" class="video large-centered" controls="" src="https://devstreaming-cdn.apple.com/videos/wwdc/2023/10229/4/07E6CA29-01CD-4E03-A3FF-D7D8A3FB4CEF/cmaf.m3u8" data-id="wwdc2023-10229" data-locale="en"></video> </div> <div class="no-video-banner hidden"> <div class="no-video-copy"> Streaming is available in most browsers, and in the Developer app. </div> </div> </section> </section> </section> </section> <section class="grid">  <section class="tab-menu row divider-bottom"> <section class="column large-10 small-12 padding-top-small padding-bottom-small large-centered"> <ul class="tabs"> <li class="tab" data-supplement-id="details"><a href="#">Overview</a></li> <li class="tab" data-supplement-id="transcript"><a href="#">Transcript</a></li> <li class="tab right active" data-supplement-id="search">  <a href="#"></a>  <section class="searchbar-wrapper desktop" style="opacity:0;"> <button class="search-icon"></button> <input id="searchDesktop" class="active" type="text" autocomplete="off" placeholder="Search this video…"> </section> </li> <li class="tab" data-supplement-id="sample-code"><a href="#">Code</a></li> <section class="searchbar-wrapper mobile"> <input class="active" type="text" autocomplete="off" placeholder="Search this video…"> </section> </ul> </section> </section>  <section class="row"> <section class="column large-10 small-12 large-centered no-padding-top no-padding-bottom"> <ul class="supplements hidden">  <li class="supplement details " data-supplement-id="details"> <h1>Make features discoverable with TipKit</h1> Teach people how to use your app with TipKit! Learn how you can create effective educational moments through tips. We'll share how you can build eligibility rules to reach the ideal audience, control tip frequency, and strategies for testing to ensure successful interactions. <h2>Chapters</h2> <ul class="no-bullet"> <li>0:00 - <a class="jump-to-time" href="/videos/play/wwdc2023/10229/?time=0" data-start-time="0" data-chapter-end-time="86" data-chapter-lenght="86" data-chapter-index="1">Intro</a></li> <li>1:27 - <a class="jump-to-time" href="/videos/play/wwdc2023/10229/?time=87" data-start-time="87" data-chapter-end-time="322" data-chapter-lenght="235" data-chapter-index="2">Create a tip</a></li> <li>5:23 - <a class="jump-to-time" href="/videos/play/wwdc2023/10229/?time=323" data-start-time="323" data-chapter-end-time="558" data-chapter-lenght="235" data-chapter-index="3">Eligibility rules</a></li> <li>9:19 - <a class="jump-to-time" href="/videos/play/wwdc2023/10229/?time=559" data-start-time="559" data-chapter-end-time="754" data-chapter-lenght="195" data-chapter-index="4">Display and dismissal</a></li> <li>12:35 - <a class="jump-to-time" href="/videos/play/wwdc2023/10229/?time=755" data-start-time="755" data-chapter-end-time="835" data-chapter-lenght="80" data-chapter-index="5">Test tips</a></li> <li>13:56 - <a class="jump-to-time" href="/videos/play/wwdc2023/10229/?time=836" data-start-time="836" data-chapter-end-time="885" data-chapter-lenght="49" data-chapter-index="6">Wrap-up</a></li> </ul> <h2>Resources</h2> <ul class="links small"> <li class="download"> <ul class="options"> <li><a href="https://devstreaming-cdn.apple.com/videos/wwdc/2023/10229/4/07E6CA29-01CD-4E03-A3FF-D7D8A3FB4CEF/downloads/wwdc2023-10229_hd.mp4?dl=1">HD Video</a></li> <li><a href="https://devstreaming-cdn.apple.com/videos/wwdc/2023/10229/4/07E6CA29-01CD-4E03-A3FF-D7D8A3FB4CEF/downloads/wwdc2023-10229_sd.mp4?dl=1">SD Video</a></li> </ul> </li> </ul> <div class="divider-top margin-top-small padding-bottom-small"></div> <h2>Related Videos</h2> <h4>WWDC24</h4> <ul class="links small"> <li class="video"> <a href="/videos/play/wwdc2024/10070">Customize feature discovery with TipKit</a> </li> </ul> </li>  <li class="supplement transcript" data-supplement-id="transcript" data-shortcut-base-url="/videos/play/wwdc2023/10229/"> <section> <div class="margin-bottom-small download-transcript">Download</div> ♪ ♪ Ellie: Hi, I'm Ellie Gattozzi, an Instructional Design Manager at Apple, and I'll be talking about making features discoverable with TipKit.You'll learn how to create your first tip, add rules to specify who should see the tip, manage when it's displayed and dismissed to control the frequency of educational messaging in your app, and test your tip. But before jumping in, a little background on TipKit.You work on features that you know people will love, but first, they need to discover them. TipKit is a new framework that makes it easy to show tips in your app.As the Instructional Products team that works on all of Apple's user education, we designed TipKit with education specifically in mind. For example, TipKit can teach someone about a brand-new feature, help with discovery of a hidden feature, or show a faster way to accomplish a task. And it's available across iPhone, iPad, Mac, Apple Watch, and Apple TV. With that, I'll get started creating a tip. There's a feature, Favoriting a Backyard, in the Backyard Birds app. Favoriting makes it easy for a person to get to the backyards they care about the most, which makes it a great candidate for tips. Once I've identified the feature for the tip, I'm ready to turn to Xcode. I'll begin by defining a new tip for the Favorite a Backyard feature. Tips are made up of a title and message, so I'll add those. Useful tips have direct action phrases as titles that say what the feature is and messages with easy to remember benefit info or instructions so users know why they'd want to use the feature and are later able to accomplish the task on their own.Here are a few examples of effective tips. All of these are actionable, instructional, and easy to remember. Here are just a few examples of when not to use TipKit. The first is promotional and the second is an error message, neither of which are educational. In the third, it's great that the feature is better, but people don't need to do anything. The last is useful, but too complicated to read and remember in the moment.Now back to my tip. I already have my title and message, so next, I'll put in the basic structure for the tip view and configure TipsCenter. TipsCenter enables key TipKit functionality, including having tips and their associated events persist between app launches and makes it easier to test tips. A default shared instance of TipsCenter is provided and is what I've added here.With TipsCenter configured, I can now see the tip. It's looking good, but it can look better. I'll change the text color to indigo so it matches the app, and put in an icon to help draw attention and visually associate the tip with the feature. I chose the star symbol since the tip is about favoriting. If your feature has settings that can be customized, you may want to add an action button. Action buttons can take people directly to those settings so they can make adjustments fast. Or if you feel like there's more info that people would find particularly useful, another option is to link to additional resources, such as an onboarding flow. OK, I have my instructional tip and it looks great. Now I'll identify the best treatment and placement for it. There are two types of tip views: The first is the popover view, which allows the tip to appear over your app's UI. It can point directly to a button or other element and is particularly useful for directing users without changing the current app screen. On tvOS, the popover view is exclusively used. The second is the in-line view, which adjusts the app's UI to temporarily fit around it so no UI is blocked. When using either view, it's helpful to have the tip appear close to the relevant button or element you're calling out.For favoriting a backyard, I'm going to go with the popover view and place it so it points at the star button in the top right corner.And that's my app's first tip. It's looking great and is in context. But to really take advantage of TipKit's power to reach the ideal audience at the best time, we'll want to add some rules. I'll pass it over to Charlie to talk about how to take tips to the next level.Charlie: Thanks, Ellie. Hi, I'm Charlie Parks, a Software Engineering Manager from the Instructional Products team. Discovering a new feature can invoke a feeling of surprise and delight, but only if the feature is of interest to the person, and any education about it doesn't come off as spammy or irrelevant. The tip about favoriting a backyard is useful, but it may not be for everyone, especially people who have already discovered the feature. It may also be of less interest to people who infrequently use the app. At Apple, we believe that in-app education should be focused on those who would benefit from it, and we aim to avoid getting in the way of individuals while they are trying to accomplish something in an app. To ensure a tip is displayed only for the most relevant audience at the most ideal time, TipKit provides a number of eligibility rules you can use alone, or together, to determine exactly when a tip should be displayed. There are two main types of rules. The first is a parameter-based rule. Parameter-based rules are persistent and are best suited for showing tips based on a Swift value type that you want to write an expression around. The second is an event-based rule. Event-based rules allow you to define an action that must be performed before a person becomes eligible for a tip.For my Favorite a Backyard tip, the first thing I want to do is to make sure the person is logged in to their account. I'll implement a parameter-based rule to accomplish that. First, I'll set the parameter's initial value to false. Then, I'll add this to the tip's rules. Great. I've narrowed down who will get the tip, but now I want to narrow it down further. I want people to be able to use the app and discover the feature organically before giving them a nudge. The way I'll do that is by creating an event-based rule that will make sure the tip only displays after a person has gone to the Backyard Detail View at least three times.So, first, I'm going to create the event. Then, I'll have the rule count the number of times I want the event to trigger before the rule evaluates to true. In this case, I want the person to enter the Backyard Detail View three times before I present the tip. The last thing I need to do is to donate the event. So in the BackyardDetailView, I'll donate the event any time the view appears. These rules are coming together, but what if I wanted to tighten them a bit further? So far, I've focused on people who frequently go to a Backyard Detail View, but have never favorited a backyard. Now, I also want to show the tip only to those individuals who regularly use the app.I'll add a date query modifier to my event-based rule that will ensure it will only ever evaluate to true if someone has gone to the Backyard Detail View three times in the past five days. Another very powerful TipKit feature is the ability to create custom donations by adding associated types to each event donation, and querying the events based on those types. Using associated types, I can further refine the event-based rule, so it matches only when someone has gone to a specific Backyard Detail View.First, I'll create a DetailViewDonation and supply the ID of the specific backyard view. Then, in my donation, I'll include the ID of the backyard view a person is currently in. Once those are both established, I'll update my rule to query for events based on a unique backyard ID. When defining these custom donations, keep in mind the size of the data being stored. The larger the size, the slower and less performant the query will execute. Rules in TipKit are easy to compose, and they provide a powerfully simple way to make sure that tips are shown to people who will get the most benefit from them. Rules can be as general or as specific as needed and can be combined to target the ideal audience at the best time. Once a tip appears in my app, I don't want it to stay on screen forever, and I don't want it to linger if a person has used the feature described in the tip. And if I have multiple tips, I don't want them to all appear at once because that could be overwhelming and get in the way of what the person is trying to do. TipKit provides several display and dismissal behaviors, so tips appear at a good cadence and only as long as they're useful. Let's say that I've added several more tips to my app, so now I have five tips in the Backyard Birds app. The tips are all useful but would be less effective if they all showed up at once. With TipKit, I can set the display frequency for the tips, so they appear at a more ideal cadence.In TipsCenter, I can specify the length of time that must pass before another tip can appear. I can use .daily if I want to have one tip show every 24 hours, .hourly if I want to have one tip show every 60 minutes, or I can specify a custom duration by supplying any valid TimeInterval value. And if I really feel that education is needed instantly, I can also use the .immediate modifier. This way, people will see any tips they are eligible for the moment that they're eligible for them, even if another tip recently appeared, or is on screen. Instead of ignoring display frequency at the TipsCenter level, it may be more useful to ignore it on a one-off, per-tip basis. To do so, I can add the .ignoresDisplayFrequency option to the specific tip. Now, only that specific tip will show the second someone is eligible, while the rest of the tips in my app will continue to follow the display cadence I set at the TipsCenter level. Once tips appear, I want them to stay on screen only as long as they're useful. So if someone uses the feature described in the tip, which means they've performed the action, or if they're eligible for the tip but still not interested in it, the tip should be dismissed. Let's say the person using the app has satisfied all of the rules for having the tip display: they're logged in, have opened the Backyard Detail View three times in the last five days, but have never tapped the favorite button on any backyard. Once they see the tip and tap the favorite button, I'll call the invalidate method with the reason ".userPerformedAction" to signify that the desired outcome has been performed and the tip will be dismissed. Another way a tip can be dismissed is if the tip is displayed more than the defined .maxDisplayCount. In this case, once the tip displays five times and no action has been taken, it should not display the next time the individual enters the Backyard Detail View. These are some of the ways that tips can be dismissed using built-in functionality that TipKit provides. But since you know your app the best, you can dismiss a tip based on any interaction or criteria you see fit by using the .invalidate() method. TipKit can also sync tip status via iCloud to ensure that tips seen on one device won't be seen on the other. For instance, if someone using the app has it installed on both an iPad and an iPhone, and the features are identical on both of those devices, it's probably best to not educate them on both devices about the feature. I'll hand it back to Ellie now to talk about testing APIs that TipKit provides, and some next steps. Ellie: To make testing easy, TipKit comes with some convenient APIs that you can use to work around eligibility rules so you can show or hide tips as needed. You can inspect all the tips in your app without needing to satisfy the rules set for them. To do so, add .showAllTips to TipsCenter's configuration. If you only want certain tips to show when testing, use .showTips and pass in the specific tip IDs, or use .hideTips to prevent specific tips from showing. And if you want to make sure that no tips show, so you can focus on a different feature in your app, use .hideAllTips. You can also use .resetDatastore to purge all info in the TipKit data store, setting a pristine state at each build of the app. All of the same testing options you can call via API are also available as launch arguments that you can add to your project's scheme. You can use any of these to do a quick spot check or test full functionality. And with that, you're all set. You've created your tip, added your rules, set the frequency for tips in your app, and now are testing so everything works as expected. To summarize, tips are great for helping users discover features in your app. Remember to keep your tips short, instructional, and actionable, and use the easy to define but powerful rules to target the ideal audience. TipKit's sample code will be available on developer.apple.com, and keep an eye out for the TipKit human interface guidelines to get additional info on creating great tips. Now go review your app for discoverability opportunities, and as you're working on new features, keep TipKit in mind. On behalf of the Instructional Products team, thanks for watching. </section> </li>  <li class="supplement sample-code" data-supplement-id="sample-code"> <section> <ul class="no-bullet padding-top-small margin-bottom"> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 1:55 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=115" data-start-time="115">Create a tip</a> <pre class="code-source"><code>struct FavoriteBackyardTip: Tip { var title: Text { Text("Save as a Favorite") } var message: Text { Text("Your favorite backyards always appear at the top of the list.") } }</code></pre> </li> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 2:48 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=168" data-start-time="168">Configure TipsCenter</a> <pre class="code-source"><code>@main struct BackyardBirdsApp: App { var body: some Scene { WindowGroup { ContentView() } } // ... init() { TipsCenter.shared.configure() } }</code></pre> </li> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 3:18 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=198" data-start-time="198">Add actions and an asset to a tip</a> <pre class="code-source"><code>struct FavoriteBackyardTip: Tip { var title: Text { Text("Save as a Favorite").foregroundColor(.indigo) } var message: Text { Text("Your favorite backyards always appear at the top of the list.") } var asset: Image { Image(systemName: "star") } var actions: [Action] { [ Tip.Action( id: "learn-more", title: "Learn More" ) ] } }</code></pre> </li> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 4:53 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=293" data-start-time="293">Create a popover view</a> <pre class="code-source"><code>private let favoriteBackyardTip = FavoriteBackyardTip() // ... .toolbar { ToolbarItem { Button { backyard.isFavorite.toggle() } label: { Label("Favorite", systemImage: "star") .symbolVariant( backyard.isFavorite ? .fill : .none ) } .popoverMiniTip(tip: favoriteBackyardTip) } }</code></pre> </li> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 6:38 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=398" data-start-time="398">Add a parameter based rule</a> <pre class="code-source"><code>struct FavoriteBackyardTip: Tip { @Parameter static var isLoggedIn: Bool = false // ... var rules: Predicate<RuleInput...> { // User is logged in #Rule(Self.$isLoggedIn) { $0 == true } } }</code></pre> </li> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 7:16 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=436" data-start-time="436">Add an event based rule</a> <pre class="code-source"><code>struct FavoriteBackyardTip: Tip { @Parameter static var isLoggedIn: Bool = false static let enteredBackyardDetailView: Event = Event<DetailViewDonation>( id: "entered-backyard-detail-view" ) // ... var rules: Predicate<RuleInput...> { // User is logged in #Rule(Self.$isLoggedIn) { $0 == true } // User has entered any backyard detail view at least 3 times #Rule(Self.enteredBackyardDetailView) { $0.count >= 3 } } }</code></pre> </li> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 7:34 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=454" data-start-time="454">Donate the event when a view appears</a> <pre class="code-source"><code>.onAppear { FavoriteBackyardTip.enteredBackyardDetailView.donate() }</code></pre> </li> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 7:59 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=479" data-start-time="479">Filter event donations in an event based rule</a> <pre class="code-source"><code>// User has entered any backyard detail view at least 3 times in the past 5 days #Rule(Self.enteredBackyardDetailView) { $0.donations.filter { $0.date > Date.now.addingTimeInterval(-5 * 60 * 60 * 24) } .count >= 3 }</code></pre> </li> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 8:34 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=514" data-start-time="514">Create a custom donation</a> <pre class="code-source"><code>// Create the associated type extension BackyardDetailTip { struct DetailViewDonation: DonationValue { let backyardID: Int } } // Donate the unique id of the backyard detail being viewed .onAppear { BackyardFavoriteTip.enteredBackyardDetailView.donate( with: .init(backyardID: backyard.id) ) } struct FavoriteBackyardTip: Tip { // ... var rules: Predicate<RuleInput...> { // Update the rule to specify a backyardID #Rule(Self.enteredBackyardDetailView) { $0.donations.filter { $0.date > Date.now.addingTimeInterval(-5 * 60 * 60 * 24) } .largestSubset(by: \.backyardID) .count >= 3 } } }</code></pre> </li> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 9:57 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=597" data-start-time="597">Configure display frequency</a> <pre class="code-source"><code>// One tip per day. TipsCenter.shared.configure { DisplayFrequency(.daily) } // One tip per hour. TipsCenter.shared.configure { DisplayFrequency(.hourly) } // Custom configuration. Only show one tip every five days. let fiveDays: TimeInterval = 5 * 24 * 60 * 60 TipsCenter.shared.configure { DisplayFrequency(fiveDays) } // No frequency control. Show all tips as soon as eligible. TipsCenter.shared.configure { DisplayFrequency(.immediate) }</code></pre> </li> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 10:34 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=634" data-start-time="634">Turn off display frequency controls for a tip</a> <pre class="code-source"><code>struct FavoriteBackyardTip: Tip { // ... var options: [Option] { [.ignoresDisplayFrequency(true)] } }</code></pre> </li> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 11:27 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=687" data-start-time="687">Invalidate a tip</a> <pre class="code-source"><code>Button { backyard.isFavorite.toggle() // When user taps the favorite button, dismiss the tip favoriteBackyardTip.invalidate(reason: .userPerformedAction) } label: { Label("Favorite", systemImage: "star") .symbolVariant(backyard.isFavorite ? .fill : .none) } .popoverMiniTip(tip: favoriteBackyardTip)</code></pre> </li> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 11:41 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=701" data-start-time="701">Configure max display count on a tip</a> <pre class="code-source"><code>struct FavoriteBackyardTip: Tip { // ... var options: [Option] { [.maxDisplayCount(5)] } }</code></pre> </li> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 12:46 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=766" data-start-time="766">Programmatically call testing API</a> <pre class="code-source"><code>// Show all defined tips in the app TipsCenter.showAllTips() // Show some tips, but not all TipsCenter.showTips([tip1, tip2, tip3]) // Hide some tips, but not all TipsCenter.hideTips([tip1, tip2, tip3]) // Hide all tips defined in the app TipsCenter.hideAllTips() // Purge all TipKit related data TipsCenter.resetDatastore()</code></pre> </li> <li class="sample-code-main-container"> <button class="btn-copy-code" data-text-copied="Code Copied" data-text-default="Copy Code">Copy Code</button> 13:31 - <a class="jump-to-time-sample" href="/videos/play/wwdc2023/10229/?time=811" data-start-time="811">Configure launch arguments in your scheme</a> <pre class="code-source"><code>// Show all defined tips in the app com.apple.TipKit.ShowAllTips 1 // Show some tips, but not all com.apple.TipKit.ShowTips tipID,otherTipID // Hide some tips, but not all com.apple.TipKit.HideAllTips 1 // Hide all tips defined in the app com.apple.TipKit.HideTips tipID,otherTipID // Purge all TipKit related data com.apple.TipKit.ResetDatastore 1</code></pre> </li> </ul> </section> </li>  <li class="supplement search active" data-supplement-id="search"> <section class="transcript-results-summary">  Looking for something specific? Enter a topic above and jump straight to the good stuff. An error occurred when submitting your query. Please check your Internet connection and try again. </section>  <ul class="transcript-results row"> </ul> </li> </ul> </section> </section> </section> <input id="analytics-meta" type="hidden" data-event-name="WWDC23" data-event-id="wwdc2023-10229" data-session-id="10229" data-video-name="Make features discoverable with TipKit" data-session-response-id=""> </main> <link rel="stylesheet" href="/assets/styles/footer.dist.css?17182448067"> <footer id="footer" class="footer" role="contentinfo" aria-labelledby="footer-label"> <div class="footer-content"> <h2 class="footer-label" id="footer-label">Developer Footer</h2> <developer-breadcrumbs> <li class="footer-breadcrumbs-item"><a href="/videos/">Videos</a></li> <li class="footer-breadcrumbs-item"><a href="/videos/wwdc2023/">WWDC23</a></li> <li class="footer-breadcrumbs-item">Make features discoverable with TipKit</li> </developer-breadcrumbs> <nav class="footer-directory" aria-label="Apple Developer Directory" role="navigation">  <div class="footer-directory-column"> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-platform" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-platform"> <h3 class="footer-directory-column-section-title">Platforms</h3> </label> <a href="#footer-directory-column-section-state-platform" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> Open Menu </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> Close Menu </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/ios/">iOS</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/ipados/">iPadOS</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/macos/">macOS</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/tvos/">tvOS</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/visionos/">visionOS</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/watchos/">watchOS</a></li> </ul> </div> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-tools" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-tools"> <h3 class="footer-directory-column-section-title">Tools</h3> </label> <a href="#footer-directory-column-section-state-tools" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> Open Menu </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> Close Menu </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/swift/">Swift</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/swiftui/">SwiftUI</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/swift-playgrounds/">Swift Playgrounds</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/testflight/">TestFlight</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/xcode/">Xcode</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/xcode-cloud/">Xcode Cloud</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/sf-symbols/">SF Symbols</a></li> </ul> </div> </div> <div class="footer-directory-column"> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-topics" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-topics"> <h3 class="footer-directory-column-section-title">Topics & Technologies</h3> </label> <a href="#footer-directory-column-section-state-topics" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> Open Menu </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> Close Menu </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/accessibility/">Accessibility</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/accessories/">Accessories</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/app-extensions/">App Extensions</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/app-store/">App Store</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/audio/">Audio & Video</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/augmented-reality/">Augmented Reality</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/design/">Design</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/distribute/">Distribution</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/education/">Education</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/fonts/">Fonts</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/games/">Games</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/health-fitness/">Health & Fitness</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/in-app-purchase/">In-App Purchase</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/localization/">Localization</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/maps/">Maps & Location</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/machine-learning/">Machine Learning</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="https://opensource.apple.com">Open Source</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/security/">Security</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/safari/">Safari & Web</a></li> </ul> </div> </div> <div class="footer-directory-column"> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-resources" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-resources"> <h3 class="footer-directory-column-section-title">Resources</h3> </label> <a href="#footer-directory-column-section-state-resources" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> Open Menu </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> Close Menu </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/documentation/">Documentation</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/learn/">Tutorials</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/download/">Downloads</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/forums/">Forums</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/videos/">Videos</a></li> </ul> </div> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-support" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-support"> <h3 class="footer-directory-column-section-title">Support</h3> </label> <a href="#footer-directory-column-section-state-support" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> Open Menu </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> Close Menu </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/support/articles/">Support Articles</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/contact/">Contact Us</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/bug-reporting/">Bug Reporting</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/system-status/">System Status</a></li> </ul> </div> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-account" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-account"> <h3 class="footer-directory-column-section-title">Account</h3> </label> <a href="#footer-directory-column-section-state-account" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> Open Menu </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> Close Menu </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/account/">Apple Developer</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="https://appstoreconnect.apple.com/">App Store Connect</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/account/ios/certificate/">Certificates, IDs, & Profiles</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="https://feedbackassistant.apple.com/">Feedback Assistant</a></li> </ul> </div> </div> <div class="footer-directory-column"> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-programs" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-programs"> <h3 class="footer-directory-column-section-title">Programs</h3> </label> <a href="#footer-directory-column-section-state-programs" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> Open Menu </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> Close Menu </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/programs/">Apple Developer Program</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/programs/enterprise/">Apple Developer Enterprise Program</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/app-store/small-business-program/">App Store Small Business Program</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="https://mfi.apple.com/">MFi Program</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/programs/news-partner/">News Partner Program</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/programs/video-partner/">Video Partner Program</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/security-bounty/">Security Bounty Program</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/programs/security-research-device/">Security Research Device Program</a></li> </ul> </div> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-events" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-events"> <h3 class="footer-directory-column-section-title">Events</h3> </label> <a href="#footer-directory-column-section-state-events" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> Open Menu </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> Close Menu </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/events/">Meet with Apple</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/events/developer-centers/">Apple Developer Centers</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/app-store/app-store-awards/">App Store Awards</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/design/awards/">Apple Design Awards</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/academies/">Apple Developer Academies</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/entrepreneur-camp/">Entrepreneur Camp</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/wwdc/">WWDC</a></li> </ul> </div> </div>  </nav> <section class="footer-mini" vocab="http://schema.org/" typeof="Organization"> <div class="footer-mini-news"> <div class="copy"> Get the <a href="https://apps.apple.com/us/app/apple-developer/id640199958">Apple Developer app</a>. </div> <div class="content"> <div class="color-scheme-toggle" role="radiogroup" tabindex="0" aria-label="Select a color scheme preference"> <label data-color-scheme-option="light"> <input type="radio" value="light" autocomplete="off" onchange="window.setPreferredColorScheme(event.target.value)" /> <div class="text">Light</div> </label> <label data-color-scheme-option="dark"> <input type="radio" value="dark" autocomplete="off" onchange="window.setPreferredColorScheme(event.target.value)" /> <div class="text">Dark</div> </label> <label data-color-scheme-option="auto"> <input type="radio" value="auto" autocomplete="off" onchange="window.setPreferredColorScheme(event.target.value)" /> <div class="text">Auto</div> </label> </div> <script async src="/assets/scripts/color-scheme-toggle.js"></script> </div> </div> <link rel="stylesheet" href="/assets/styles/language-dropdown.css?17182448067"> <div class="language-dropdown dropdown-container legacy-form hidden"> <select class="dropdown" aria-label="Language Dropdown"></select> </div> <script src="/assets/scripts/language-dropdown.js?17182448067"></script> <div class="footer-mini-legal"> <div class="footer-mini-legal-copyright">Copyright © 2024 <a href="https://www.apple.com">Apple Inc.</a> All rights reserved.</div> <div class="footer-mini-legal-links"> <a class="footer-mini-legal-link" href="https://www.apple.com/legal/internet-services/terms/site.html" class="first">Terms of Use</a> <a class="footer-mini-legal-link" href="https://www.apple.com/legal/privacy/">Privacy Policy</a> <a class="footer-mini-legal-link" href="/support/terms/">Agreements and Guidelines</a> </div> </div> </section> </div> </footer> <script src="/assets/scripts/params.js"></script> <script src="/assets/scripts/watchable.js"></script> <script src="/assets/scripts/timeout.js"></script> <script src="/videos/scripts/play/play.js?04012409282"></script> <script src="/videos/scripts/hls/rtc.min.js?59182451067"></script> <script src="/videos/scripts/hls/hls.min.js?59182451067"></script> </body> </html>