• Design
  • Shotty
  • Blog
  • Reading
  • Photos
Menu

Jacob Ruiz

Product Designer
  • Design
  • Shotty
  • Blog
  • Reading
  • Photos
app store badge@2x.png

Tutorial: How to add an official "Download on the App Store" badge to your website in 3 steps

February 2, 2019

1. Visit iTunes Link Maker and search for your app

Screen Shot 2019-02-02 at 11.49.52 AM.png

2. Copy the Embed Code

Screen Shot 2019-02-02 at 11.57.40 AM.png

3. Paste the Embed Code in the HTML for your site

Shown here using the Code block in Squarespace. But you can paste this anywhere where HTML goes for your site.

Screen Shot 2019-02-02 at 12.00.22 PM.png

That’s it!

By the way, the app I used as an example here is my own app, Shotty. I made it to save time finding and using my recent screenshots. You can get it from the Mac App Store by clicking the button below!

App Store and Play Store Badges Figma File

You can also feel free to use Figma file with these badges in them. Use it however you’d like.

View in Figma
In Design, Code
← Shotty has a new website built in React & GatsbyHow to get past wifi limits on public wifi networks →
shotty-skinny2x.jpg

Shotty - Faster Access To Your Screenshots on Mac

Shotty is an award-winning Mac app I created to give you instant access to all your recent screenshots, right from the menu bar. You can even add annotations on-the-fly. Stop wasting time digging through Finder for your screenshots. I promise it’ll change your workflow forever (just read the App Store reviews!).



Most popular

information-architecture

Information Architecture: The Most Important Part of Design You're Probably Overlooking

Follow @JacobRuizDesign