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>Marketing Guidelines - Apple Pay - Apple Developer</title> <meta name="omni_page" content="Marketing Guidelines - Apple Pay - (English)" /> <meta name="Description" content="Learn how to use the Apple Pay mark and name in marketing communications that promote your app’s or website’s use of Apple Pay."> <meta property="og:locale" content="en_US" /> <meta property="og:site_name" content="Apple Developer" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://developer.apple.com/news/images/og/apple-pay-og.jpg" /> <meta property="og:title" content="Marketing Guidelines - Apple Pay" /> <meta property="og:description" content="Learn how to use the Apple Pay mark and name in marketing communications that promote your app’s or website’s use of Apple Pay." /> <meta property="og:url" content="https://developer.apple.com/apple-pay/marketing/" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://developer.apple.com/news/images/og/apple-pay-og-twitter.jpg"> <meta name="twitter:description" content="Learn how to use the Apple Pay mark and name in marketing communications that promote your app’s or website’s use of Apple Pay."> <meta name="twitter:title" content="Marketing Guidelines - Apple Pay"> <meta name="twitter:url" content="https://developer.apple.com/apple-pay/marketing/"> <link rel="stylesheet" href="/assets/styles/router-strip.css" type="text/css"> <link rel="stylesheet" href="/apple-pay/styles/apple-pay.css" type="text/css" /> <link rel="stylesheet" href="/apple-pay/styles/marketing-alt.css" type="text/css" /> <link rel="alternate" href="https://developer.apple.com/apple-pay/marketing/" hreflang="en" /> <link rel="alternate" href="https://developer.apple.com/cn/apple-pay/marketing/" hreflang="zh-CN" /> <link rel="alternate" href="https://developer.apple.com/jp/apple-pay/marketing/" hreflang="ja-JP" /> <link rel="alternate" href="https://developer.apple.com/kr/apple-pay/marketing/" hreflang="ko-KR" /> <link rel="canonical" href="https://developer.apple.com/apple-pay/marketing/" /> </head> <body id="marketing" class="dmf"> <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"> <p><a href="#" id="suggest-link" class="ribbon-link more">View in English</a></p> <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"> <span class="ac-gn-menuicon-bread ac-gn-menuicon-bread-top"> <span class="ac-gn-menuicon-bread-crust ac-gn-menuicon-bread-crust-top"></span> </span> <span class="ac-gn-menuicon-bread ac-gn-menuicon-bread-bottom"> <span class="ac-gn-menuicon-bread-crust ac-gn-menuicon-bread-crust-bottom"></span> </span> </label> <a href="#ac-gn-menustate" role="button" class="ac-gn-menuanchor ac-gn-menuanchor-open" id="ac-gn-menuanchor-open"> <span class="ac-gn-menuanchor-label">Global Nav Open Menu</span> </a> <a href="#" role="button" class="ac-gn-menuanchor ac-gn-menuanchor-close" id="ac-gn-menuanchor-close"> <span class="ac-gn-menuanchor-label">Global Nav Close Menu</span> </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"> <span class="ac-gn-link-text">Apple Developer</span> </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> <span class="ac-gn-search-placeholder">Search</span> </div> </div> <div class="ac-gn-searchview-close ac-gn-searchview-close-small ac-gn-search-placeholder-searchview-close"> <span class="ac-gn-searchview-close-cancel" aria-hidden="true">Cancel</span> </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"> <span class="ac-gn-link-text">Apple Developer</span> </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"> <span class="ac-gn-link-text">News</span> </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"> <span class="ac-gn-link-text">Discover</span> </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"> <span class="ac-gn-link-text">Design</span> </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"> <span class="ac-gn-link-text">Develop</span> </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"> <span class="ac-gn-link-text">Distribute</span> </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"> <span class="ac-gn-link-text">Support</span> </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"> <span class="ac-gn-link-text">Account</span> </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"> <span class="ac-gn-searchform-reset-background"></span> </button> </div> </form> <button id="ac-gn-searchview-close-small" class="ac-gn-searchview-close ac-gn-searchview-close-small" aria-label="Cancel Search"> <span class="ac-gn-searchview-close-cancel" aria-hidden="true"> Cancel </span> </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 “<span id="group-search-label"></span>”</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> <span role="status" class="ac-gn-searchresults-count" aria-live="polite">5 Quick Links</span> </div> </section> </aside> </div> <button id="ac-gn-searchview-close" class="ac-gn-searchview-close" aria-label="Cancel Search"> <span class="ac-gn-searchview-close-wrapper"> <span class="ac-gn-searchview-close-left"></span> <span class="ac-gn-searchview-close-right"></span> </span> </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.en.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" data-sticky role="navigation"> <div class="localnav-wrapper"> <div class="localnav-background"></div> <div class="localnav-content"> <h2 class="localnav-title"> <a href="/apple-pay/">Apple Pay</a> </h2> <div class="localnav-menu"> <a href="#localnav-menustate" class="localnav-menucta-anchor localnav-menucta-anchor-open" id="localnav-menustate-open"> <span class="localnav-menucta-anchor-label">Open Menu</span> </a> <a href="#" class="localnav-menucta-anchor localnav-menucta-anchor-close" id="localnav-menustate-close"> <span class="localnav-menucta-anchor-label">Close Menu</span> </a> <div class="localnav-menu-tray"> <ul class="localnav-menu-items"> <li class="localnav-menu-item"> <a href="/apple-pay/" class="localnav-menu-link">Overview</a> </li> <li class="localnav-menu-item"> <a href="/apple-pay/whats-new/" class="localnav-menu-link">What’s New</a> </li> <li class="localnav-menu-item"> <a href="/apple-pay/planning/" class="localnav-menu-link">Planning</a> </li> <li class="localnav-menu-item"> <a href="/apple-pay/implementation/" class="localnav-menu-link">Implementation</a> </li> <li class="localnav-menu-item"> <a href="/apple-pay/marketing/" class="localnav-menu-link">Marketing</a> </li> <li class="localnav-menu-item"> <a href="/apple-pay/resources/" class="localnav-menu-link">Resources</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"> <span class="localnav-menucta-chevron"></span> </label> </div> <div class="localnav-action localnav-action-button"> <a class="localnav-button button button-pill button-compact" href="https://applepaydemo.apple.com">Demo<span class="loc-en-only"></span> <span class="localnav-action-product">Apple Pay</span> </a> </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" role="main"> <article> <section class="section section-hero"> <div class="section-content"> <header class="row"> <div class="column large-centered large-10 small-12 text-center"> <h1 class="typography-hero-headline">Apple Pay Marketing Guidelines</h1> <p class="typography-intro">Find out how to let your customers know they can use Apple Pay, a fast and secure way to pay in apps and on the web.</p> <p class="typography-intro"><a href="/apple-pay/marketing/Apple-Pay-Mark.zip" class="icon icon-after icon-downloadcircle nowrap">Download the Apple Pay mark</a></p> </div> </header> </div> </section> <section class="section section-announcing"> <div class="section-content"> <div class="row divider-top"> <div class="column large-10 small-12"> <h2>Announcing Apple Pay availability</h2> <p>Let customers know that Apple Pay is available in your app or on your website with messaging across all of your channels. Highlight the ease of use, security, and privacy that Apple Pay brings to making payments. With the <a href="/documentation/apple_pay_on_the_web/applepaysession/1778027-canmakepayments/">canMakePayments API<span class="loc-en-only"></span></a>, relevant messaging within your app and website can be shown only to customers with devices that support Apple Pay.</p> </div> </div> <div class="row-flex"> <div class="column-flex-center large-6 small-12"> <h3>Messaging within an app</h3> <p>Use messaging within your app to let customers know that they can purchase with Apple Pay. Include a reminder at checkout and keep messaging concise.</p> <p>Recommended messaging:</p> <p><em><strong>Now Accepting Apple Pay</strong><br /> Apple Pay is an easy and secure way to pay in [app name].</em></p> <p><em>Simply tap Buy with Apple Pay and complete your purchase without the need to add to a cart or fill out a form.</em></p> </div> <div class="column-flex-center large-offset-1 large-5 small-offset-0 small-12"> <div class="image-flex device-iphone-14-pro-black-container device-iphone-14-pro-black device-medium-for-small"> <picture class="device-screen screen-app-messaging"> <source media="(max-width:735px)" srcset="/apple-pay/marketing/images/screen-app-messaging-medium_2x.png" /> <img src="/apple-pay/marketing/images/screen-app-messaging-large_2x.png" width="100%" alt="iPhone showing recommended messaging within an app" /> </picture> <figure class="device-hardware"></figure> </div> </div> </div> <div class="row-flex"> <div class="column-flex-center large-6 small-12"> <h3>App Store product page</h3> <p>Update your App Store product page description, screenshots, and previews to let customers know that Apple Pay is available in your app. Make sure your content reflects the authentic purchase process.</p> <p>Recommended messaging:</p> <p><em><strong>Check out is quick and secure with Apple Pay.</strong><br /> Apple Pay is an easy and secure way to pay in [app name].</em></p> </div> <div class="column-flex-center large-offset-1 large-5 small-offset-0 small-12"> <div class="image-flex device-iphone-14-pro-black-container device-iphone-14-pro-black device-medium-for-small"> <picture class="device-screen screen-app-store-page"> <source media="(max-width:735px)" srcset="/apple-pay/marketing/images/screen-app-store-page-medium_2x.png" /> <img src="/apple-pay/marketing/images/screen-app-store-page-large_2x.png" width="100%" alt="iPhone showing recommended messaging for the App Store product page" /> </picture> <figure class="device-hardware"></figure> </div> </div> </div> <div class="row-flex"> <div class="column-flex-center large-6 small-12"> <h3>Email</h3> <p>Send your customers an email within the first week of supporting Apple Pay. You can include a screenshot of your payment page with the Apple Pay button. Make sure that the screenshot reflects the authentic purchase process.</p> <p>Recommended messaging:</p> <p><em><strong>Apple Pay is now available in [your website or app name].</strong><br /> Apple Pay is an easy and secure way to pay in [your website or app name]. Simply tap Buy with Apple Pay and complete your purchase without the need to add to a cart or fill out a form.</em></p> <p><em>Need to set up Apple Pay? Just open the Wallet app on your iPhone and tap “+” to get started.</em></p> </div> <div class="column-flex-center large-offset-1 large-5 small-offset-0 small-12"> <picture class="image-flex sample-email"> <source media="(max-width:735px)" srcset="/apple-pay/marketing/images/sample-email-small_2x.png" /> <img src="/apple-pay/marketing/images/sample-email-large_2x.png" width="100%" alt="iPhone showing recommended messaging for an email" /> </picture> </div> </div> <div class="row-flex"> <div class="column-flex-center large-6 small-12"> <h3>Social</h3> <p>Announce the availability of Apple Pay on your social media. You can include a screenshot of your payment page with the Apple Pay button. Make sure that the screenshot reflects the authentic purchase process.</p> <p>Recommended messaging:</p> <p><em><strong>Apple Pay is now available in [website or app name].</strong><br /> Apple Pay is an easy and secure way to pay in [your website or app name]. Simply tap Buy with Apple Pay and complete your purchase without the need to add to a cart or fill out a form.</em></p> </div> <div class="column-flex-center large-offset-1 large-5 small-offset-0 small-12"> <picture class="image-flex sample-social"> <source media="(max-width:735px)" srcset="/apple-pay/marketing/images/sample-social-small_2x.png" /> <img src="/apple-pay/marketing/images/sample-social-large_2x.png" width="100%" alt="iPhone showing recommended messaging for social media" /> </picture> </div> </div> <div class="row"> <div class="column large-8 medium-10 small-12"> <h3>Web banner</h3> <p>Use banners on your website to let customers know that they can purchase with Apple Pay in Safari. Keep messaging concise.</p> <p>Recommended messaging:</p> <p><em><strong>Now Accepting Apple Pay</strong><br /> Apple Pay is an easy and secure way to pay on [app name] in Safari.</em></p> <picture class="sample-homepage"> <source media="(max-width:735px)" srcset="/apple-pay/marketing/images/sample-homepage-small_2x.jpg" /> <img src="/apple-pay/marketing/images/sample-homepage-large_2x.jpg" width="100%" alt="iPhone showing recommended messaging for a website" /> </picture> </div> </div> </div> </section> <section class="section section-encouraging"> <div class="section-content"> <div class="row divider-top"> <div class="column large-10 small-12"> <h2>Encouraging use of Apple Pay</h2> <p>Apple Pay messaging should be consistent throughout the customer experience.</p> <p>Marketing across all channels throughout the year helps customers understand the value of Apple Pay and drives a steady increase in Apple Pay usage. In addition, consider providing an exclusive incentive for Apple Pay purchases, such as a discount, free delivery, or gift, which you can also communicate in the promotional text of your App Store product page. Promotional text can be updated at any time and doesn’t require an app submission.</p> <p>In order to support an Apple Pay exclusive offer, you’ll need to do the following.</p> </div> </div> <div class="row row-offer"> <div class="column large-centered large-12"> <div class="device-wrap"> <div class="device-iphone-14-pro-black-container device-iphone-14-pro-black device-medium-for-large center"> <picture class="device-screen screen-offer-exclusive"> <img src="/apple-pay/marketing/images/screen-offer-exclusive-medium_2x.png" width="100%" alt="iPhone showing an example of an exclusive offer" /> </picture> <figure class="device-hardware"></figure> </div> <figcaption class="typography-caption">Provide an offer that only applies to Apple Pay purchases.</figcaption> </div> <div class="device-wrap"> <div class="device-iphone-14-pro-black-container device-iphone-14-pro-black device-medium-for-large center"> <picture class="device-screen screen-offer-messaging"> <img src="/apple-pay/marketing/images/screen-offer-messaging-medium_2x.png" width="100%" alt="iPhone showing an example of offer messaging within the app" /> </picture> <figure class="device-hardware"></figure> </div> <figcaption class="typography-caption">Include messaging about the offer in your app or on your website.</figcaption> </div> <div class="device-wrap"> <div class="device-iphone-14-pro-black-container device-iphone-14-pro-black device-medium-for-large center"> <picture class="device-screen screen-offer-paysheet"> <img src="/apple-pay/marketing/images/screen-offer-paysheet-medium_2x.png" width="100%" alt="iPhone showing an example of a promo as a line item in the paysheet" /> </picture> <figure class="device-hardware"></figure> </div> <figcaption class="typography-caption">Reflect the offer as a line item in the paysheet.</figcaption> </div> </div> </div> </div> </section> <section class="section section-mark"> <div class="section-content"> <div class="row divider-top"> <div class="column large-10 small-12"> <h2>Using the Apple Pay mark</h2> </div> </div> <div class="row row-headline"> <div class="column large-10 small-12"> <h3>Marketing communications</h3> <p>Use the Apple Pay mark in marketing communications only when promoting Apple Pay in relation to your payment options. Don’t use the mark in general product or company promotions. The main message of the communication must be related to Apple Pay.</p> </div> </div> <div class="row-flex"> <div class="column-flex-center large-6 small-12"> <h3>Artwork</h3> <p>The Apple Pay mark is available only in white with an outline rule. Other color options aren’t available. Don’t alter the artwork in any way or create your own version of the Apple Pay mark. Use only the artwork provided by Apple.</p> </div> <div class="column-flex-center large-offset-1 large-5 small-offset-0 small-12"> <picture class="image-flex mark-artwork"> <img src="/apple-pay/images/mark-sample01_2x.png" width="100%" alt="An example of the Apple Pay mark correctly adjacent to other brand marks" /> </picture> </div> </div> <div class="row-flex"> <div class="column-flex-center large-6 small-12"> <h3>Clear space</h3> <p>For marketing communications, the minimum clear space for the mark is one quarter the height of the mark. Don’t place graphics or typography in the clear space area. Don’t allow the Apple Pay mark to share its surrounding border with another button or graphic. Maintain clear space around the mark.</p> </div> <div class="column-flex-center large-offset-1 large-5 small-offset-0 small-12"> <picture class="image-flex mark-clearspace"> <img src="/apple-pay/images/mark-sample02_2x.png" width="100%" alt="Apple Pay mark with clear space measurments illustrated" /> </picture> </div> </div> <div class="row-flex"> <div class="column-flex-center large-6 small-12"> <h3>Background color</h3> <p>A white or light background is preferred when displaying the Apple Pay mark. The mark can also appear on a marketing layout that features a dark background.</p> </div> <div class="column-flex-center large-offset-1 large-5 small-offset-0 small-12"> <picture class="image-flex mark-background"> <img src="/apple-pay/images/mark-sample03_2x.png" width="100%" alt="Apple Pay mark against both light and dark backgrounds" /> </picture> </div> </div> </div> </section> <section class="section section-communications"> <div class="section-content"> <div class="row divider-top"> <div class="column large-12"> <h2>Marketing communications examples</h2> </div> </div> <div class="row-flex"> <div class="column-flex-center large-6 small-12"> <h3>Advertisement promoting Apple Pay</h3> <p>Use the Apple Pay mark when the main message focuses on Apple Pay. The Apple Pay mark must be secondary in size and placement to the main message or app or company identity. The Apple Pay mark shouldn’t overpower the layout.</p> <p>When an Apple device is included, display your app on the device’s screen exactly as it appears when your app is running. Screens from the Apple Pay payment flow within your app can be shown. Follow the instructions in the <a href="/app-store/marketing/guidelines/#images">Apple Product Images</a> section.</p> </div> <div class="column-flex-center large-offset-1 large-5 small-offset-0 small-12"> <picture class="image-promote promote-apple-pay"> <source media="(max-width:1068px)" srcset="/apple-pay/marketing/images/promote-apple-pay-medium_2x.png" /> <img src="/apple-pay/marketing/images/promote-apple-pay-large_2x.png" width="100%" alt="An example ad promoting Apple Pay" /> </picture> </div> </div> <div class="row-flex"> <div class="column-flex-center large-6 small-12"> <h3>Advertisement promoting an App</h3> <p>Use the Download on the App Store badge when the main message focuses on app promotions.</p> <p>For more information, review the <a href="/app-store/marketing/guidelines/">Marketing Resources and Identity Guidelines</a>.</p> </div> <div class="column-flex-center large-offset-1 large-5 small-offset-0 small-12"> <picture class="image-promote promote-app"> <source media="(max-width:1068px)" srcset="/apple-pay/marketing/images/promote-app-medium_2x.png" /> <img src="/apple-pay/marketing/images/promote-app-large_2x.png" width="100%" alt="An example ad promoting an app" /> </picture> </div> </div> <div class="row-flex"> <div class="column-flex-center large-6 small-12"> <h3>Advertisement using badges incorrectly</h3> <p>Don’t combine the Download on the App Store badge and the Apple Pay mark in the same layout space. Select the asset provided by Apple that most closely supports the content of the communication.</p> </div> <div class="column-flex-center large-offset-1 large-5 small-offset-0 small-12"> <picture class="image-promote promote-wrong"> <source media="(max-width:1068px)" srcset="/apple-pay/marketing/images/promote-wrong-medium_2x.png" /> <img src="/apple-pay/marketing/images/promote-wrong-large_2x.png" width="100%" alt="An example ad using the Apple Pay mark and Download on the App Store badge incorrectly" /> </picture> </div> </div> <div class="row-flex"> <div class="column-flex-center large-6 small-12"> <h3>Incentive within an app</h3> <p>Use the Apple Pay mark when the main message focuses on Apple Pay. When your app offers an Apple Pay incentive, detect if the user’s device has Apple Pay set up. If the device does not have Apple Pay set up, display the Set up Apple Pay button. If Apple Pay is set up on the device, provide a quick way for the user to select Apple Pay as their default payment method.</p> <p>For more information on using the Apple Pay button in your apps, review the <a href="/design/human-interface-guidelines/apple-pay/overview/introduction/">Human Interface Guidelines<span class="loc-en-only"></span></a>.</p> </div> <div class="column-flex-center large-offset-1 large-5 small-offset-0 small-12"> <div class="image-flex device-iphone-14-pro-black-container device-iphone-14-pro-black device-medium-for-small"> <picture class="device-screen screen-promote-incentive"> <source media="(max-width:735px)" srcset="/apple-pay/marketing/images/screen-promote-incentive-medium_2x.png" /> <img src="/apple-pay/marketing/images/screen-promote-incentive-large_2x.png" width="100%" alt="An example of incentive messaging within an app" /> </picture> <figure class="device-hardware"></figure> </div> </div> </div> <div class="row"> <div class="large-8 medium-10 small-12"> <h3>Home page</h3> <p>On large layouts, such as the landing page of a website or a full-page print ad, the Apple Pay mark and the Download on the App Store badge can appear on the same layout when each is placed in a dedicated tile or other area with content that promotes either Apple Pay or an app. Don’t place the Apple Pay mark and the Download on the App Store badge together in a tile. The Apple Pay mark and Download on the App Store badge can be placed only near content related to their use.</p> </div> </div> <div class="row"> <div class="column large-12 small-12"> <figure class="promote-homepage"></figure> <div class="pins-homepage medium-hide"> <div class="pin pin-horizontal pin-horizontal-left pin-mark"> <span class="typography-caption pin-caption">This tile promotes Apple Pay. The Apple Pay mark is used.</span> </div> <div class="pin pin-horizontal pin-horizontal-left pin-badge"> <span class="typography-caption pin-caption">This tile promotes an app.<br />The Download on the App Store badge is used.</span> </div> </div> <div class="pins-homepage large-hide medium-show"> <div class="pin pin-vertical pin-vertical-bottom pin-mark"> <span class="typography-caption pin-caption">This tile promotes Apple Pay. The Apple Pay mark is used.</span> </div> <div class="pin pin-vertical pin-vertical-top pin-badge"> <span class="typography-caption pin-caption">This tile promotes an app.<br />The Download on the App Store badge is used.</span> </div> </div> </div> </div> </div> </section> <section class="section section-order-tracking"> <div class="section-content"> <div class="row row-flex divider-top no-margin-top"> <div class="column-flex-center large-6 small-12"> <h3>Order tracking</h3> <p>Let Apple Pay customers know they can now easily view the detailed receipt and tracking information for their orders directly in <span class="nowrap">Apple Wallet.</span></p> <p><strong>Recommended messaging:</strong><br /> <em>When you purchase with Apple Pay, you can easily access detailed receipt and tracking information directly in Wallet on your iPhone. It‘s order tracking made simple.</em></p> <p><a href="/design/human-interface-guidelines/technologies/wallet#order-tracking" class="more">View order tracking design guidelines<span class="loc-en-only"></span></a></p> </div> <div class="column-flex-center large-offset-1 large-5 small-offset-0 small-12"> <figure class="device-flex device-iphone-15-pro-titanium-container device-iphone-15-pro-titanium device-medium-for-small"> <picture class="device-screen"> <source media="(max-width:735px)" srcset="/apple-pay/marketing/images/screen-order-tracking-medium_2x.png" /> <img src="/apple-pay/marketing/images/screen-order-tracking-large_2x.png" width="100%" alt="" aria-label="Example of order tracking showing an item is arriving today" /> </picture> <figure class="device-hardware"></figure> </figure> </div> </div> </div> </section> <section class="section section-dds"> <div class="section-content"> <div class="row divider-top"> <div class="column large-6 small-12"> <h2>Dos and don’ts</h2> <h3>Do</h3> <ul> <li>Use only the artwork provided by Apple.</li> <li>Use the Apple Pay mark when other payment identities are also displayed in a similar format.</li> <li>Use the mark in marketing communications when the main message of the communication promotes Apple Pay.</li> </ul> </div> </div> <div class="row row-dont"> <div class="column large-6 small-12"> <h3>Don’t</h3> <ul> <li>Don’t create your own version of the Apple Pay mark.</li> <li>Don’t alter the artwork in any way.</li> <li>Don’t adjust the width or the aspect ratio of the artwork.</li> <li>Don’t display a mark that’s smaller than other payment identities in a similar format.</li> <li>Don’t adjust the corner radius on the artwork.</li> <li>Don’t translate the word Pay within the Apple Pay mark.</li> <li>Don’t add messages to the mark.</li> <li>Don’t add visual effects such as shadows, glows, or reflections to the mark.</li> <li>Don’t flip, rotate, or animate the mark.</li> </ul> </div> <div class="column large-offset-1 large-5 small-offset-0 small-12"> <picture class="just-dont"> <img src="/apple-pay/marketing/images/sample-dont_2x.png" width="100%" alt="Incorrect examples of the Apple Pay mark" /> </picture> </div> </div> </div> </section> <section class="section section-editorial"> <div class="section-content"> <div class="row divider-top"> <div class="column large-10 small-12"> <h2>Editorial guidelines</h2> <p>Messaging that describes Apple Pay can appear in communications promoting your capability to activate the Apple Pay feature in iOS, iPadOS, watchOS, or on your website.</p> <h3>Using the name Apple Pay</h3> <p>When using the name Apple Pay in headlines or copy, always typeset Apple Pay as two words with an uppercase A and uppercase P followed by lowercase letters. Never use the Apple logo to represent the name Apple in text.</p> <p>In U.S. communications, use the registered trademark symbol (®) the first time Apple Pay appears in body copy.</p> </div> </div> <div class="row row-samples"> <div class="column large-12"> <picture class="image-editorial editorial-yes"> <img src="/apple-pay/marketing/images/sample-editorial-yes_2x.png" class="light-image" width="100%" alt="Correct messaging: Purchase with Apple Pay by simply using Face ID on your iPhone X." /> <img src="/apple-pay/marketing/images/sample-editorial-yes-dark_2x.png" class="dark-image" width="100%" alt="Correct messaging: Purchase with Apple Pay by simply using Face ID on your iPhone X." /> </picture> </div> <div class="column large-12 medium-6 small-12"> <picture class="image-editorial editorial-no1"> <img src="/apple-pay/marketing/images/sample-editorial-no1_2x.png" class="light-image" width="100%" alt="Incorrect messaging using Apple symbol : Purchase with Pay by simply using Face ID on iPhone X." /> <img src="/apple-pay/marketing/images/sample-editorial-no1-dark_2x.png" class="dark-image" width="100%" alt="Incorrect messaging using Apple symbol : Purchase with Pay by simply using Face ID on iPhone X." /> </picture> <picture class="image-editorial editorial-no2"> <img src="/apple-pay/marketing/images/sample-editorial-no2_2x.png" class="light-image" width="100%" alt="Incorrect messaging misspells ApplePay with no space: Purchase with ApplePay by simply using Face ID on your iPhone X." /> <img src="/apple-pay/marketing/images/sample-editorial-no2-dark_2x.png" class="dark-image" width="100%" alt="Incorrect messaging misspells ApplePay with no space: Purchase with ApplePay by simply using Face ID on your iPhone X." /> </picture> <picture class="image-editorial editorial-no3"> <img src="/apple-pay/marketing/images/sample-editorial-no3_2x.png" class="light-image" width="100%" alt="Incorrect messaging displays APPLE PAY with all capital letters: Purchase with APPLE PAY by simply using Face ID on your iPhone X." /> <img src="/apple-pay/marketing/images/sample-editorial-no3-dark_2x.png" class="dark-image" width="100%" alt="Incorrect messaging displays APPLE PAY with all capital letters: Purchase with APPLE PAY by simply using Face ID on your iPhone X." /> </picture> </div> </div> <div class="row"> <div class="column large-10 small-12"> <h3>Typesetting Apple trademarks</h3> <p>Apple trademarks must be typeset exactly as they appear on the <a href="https://www.apple.com/legal/intellectual-property/trademark/appletmlist.html">Apple Trademark List<span class="loc-en-only"></span></a>. For example, Face ID is typeset as two words with an uppercase F followed by lowercase letters, and uppercase ID. Typeset iPhone with a lowercase i and an uppercase P followed by lowercase letters. The name iPhone should start with a lowercase i even when it’s the first word in a sentence, paragraph, or title.</p> <p>Typeset Apple trademarks in a manner that’s consistent with your company’s identity. Match the font used in the rest of your communication. Don’t imitate Apple typography.</p> <h3>Suggested messaging</h3> <p>You can use the suggested messaging below to promote Apple Pay in promotions, or you can develop your own copy related to your offer. Always follow the guidelines described on this page for using the name Apple Pay.</p> <ul> <li>Make your payment easily and securely using your iPhone or iPad with <span class="nowrap">Face ID</span> or <span class="nowrap">Touch ID.</span></li> <li>Apple Pay transforms payments within apps and websites with an easy, secure, and private way to check out.</li> </ul>  <h3>Don’t translate</h3> <p>Don’t translate Apple Pay or any other Apple trademark. Always display Apple, Apple Pay, iPhone, Face ID, Touch ID, and other Apple trademarks in English, even when they appear within text in a language other than English.</p> </div> </div> </div> </section> <section class="section section-trademark"> <div class="section-content"> <div class="row divider-top"> <div class="column large-10 small-12"> <h2>Trademark attribution</h2> <p>Don’t add a trademark symbol to the Apple Pay UI assets provided by Apple. In apps, include Apple trademark attributions wherever legal information is displayed.</p> <p>In marketing communications distributed only in the United States, the appropriate symbol <span class="nowrap">(™, ℠, or ®)</span> must follow each Apple trademark the first time it’s mentioned in marketing copy.</p> <p>For example:</p> <p class="margin-top-small">Apple®</p> <p>Apple Pay®</p> <p>Apple Watch®</p> <p>Face ID®</p> <p>iPad®</p> <p>iPhone®</p> <p>Touch ID®</p> <p class="margin-top-small">Refer to the <a href="https://www.apple.com/legal/intellectual-property/trademark/appletmlist.html">Apple Trademark List<span class="loc-en-only"></span></a> for the correct trademark symbol.</p> </div> </div> </div> </section> <section class="section section-resources"> <div class="section-content"> <div class="row divider-top"> <div class="column large-10 small-12"> <h2>Additional resources</h2> <ul class="links small margin-top-small"> <li class="download"><a href="/apple-pay/marketing/Apple-Pay-Mark.zip">Download the Apple Pay mark</a></li> <li class="guide"><a href="/app-store/marketing/guidelines/">View the Marketing Resources and Identity Guidelines</a></li> </ul> </div> </div> </div> </section> </article> </main> <aside class="section developer-router-links"> <div class="section-content"> <div class="row"> <div class="column large-4 small-12"> <a href="/design/human-interface-guidelines/apple-pay/" class="block text-center"> <figure class="router-icon router-icon-design"></figure> <p><strong>Design guidelines</strong></p> <p class="typography-subbody">Learn how to optimize the design and checkout experience for <span class="nowrap">Apple Pay.</span></p> <p class="typography-subbody"><span class="block-link more">View documentation<span class="loc-en-only"></span></span></p> </a> </div> <div class="column large-4 small-12"> <a href="/apple-pay/payment-platforms/" class="block text-center"> <figure class="router-icon router-icon-payment"></figure> <p><strong>Payment service providers</strong></p> <p class="typography-subbody">Support Apple Pay quickly and reliably with an SDK or API from a payment service provider (PSP).</p> <p class="typography-subbody"><span class="block-link">View payment service <span class="nowrap more">providers</span></span></p> </a> </div> <div class="column large-4 small-12"> <a href="/contact/apple-pay/" class="block text-center"> <figure class="router-icon router-icon-forums"></figure> <p><strong>Contact us</strong></p> <p class="typography-subbody">Have a question or request? We can help by phone or email.</p> <p class="typography-subbody"><span class="block-link more">Get support<span class="loc-en-only"></span></span></p> </a> </div> </div> </div> </aside> <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> <div class="footer-sosumi"> <ul> <li>Apple Pay is a service provided by certain Apple affiliates, as designated by the <a href="https://www.apple.com/legal/privacy/data/en/apple-pay/">Apple Pay privacy notice</a>. Neither Apple Inc. nor its affiliates are a bank. Any card used in Apple Pay is offered by the card issuer.</li> </ul> </div> <developer-breadcrumbs> <li><a href="/apple-pay/">Apple Pay</a></li> <li>Marketing Guidelines</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"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </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"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </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"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </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"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </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"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </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"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </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"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </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"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </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> <span class="dropdown-icon icon icon-chevrondown" aria-hidden="true"></span> </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> </body> </html>