

That means your smartphone needs to have WhatsApp installed and plenty of battery. *If you are using WordPress and want to accomplish this using a plugin, search “Apple Touch Icons” in the WordPress Plugins area, then upload the icons via the plugin.Įnjoyed this post? I’d love to hear from you on Twitter.Both WhatsApp Web and WhatsApp Desktop use your smartphone to route messages, so the mobile version needs to be active in order for them to work. You’ll want to use the absolute URL so it will work for both Apple and Android devices.) (The code mentions “apple” but it will work for both Apple and Android devices.

Upload the files to any directory of your site.Once you have the images created and saved, you’ll want to upload them to your website as follows: The rounded corners, drop shadow, and reflective shine will be added automatically so just save your icons as squares.Each operating system will scale the appropriate icon to the correct size so no need to create specifically sized icons for each device. These icons will work on most modern iOS, Android, and Blackberry devices.Be sure that the icon has enough spacing between the edges of the shapes and the edge of the icon.(Otherwise, transparency will be filled with black.) Save the images with a colored background.At the basic level, you need an image saved multiple times with the following dimensions: The process is relatively simple, and is just like the process of creating an icon for an app. The sizes listed below will cover standard iOS, retina iOS, iPad, and Android devices. There are multiple versions of the icon you’ll need to create. This post will walk you through the process of creating that icon and uploading it to your website. * Default text is the Site Title and Tagline * If you don’t specify an icon, a screenshot from your site will be used as the icon. You can see two webpage shortcut icons, one is labeled “b2” and I have created and uploaded the shortcut icons, and the other labeled “Brady Mo…” which is to my personal site before I created and uploaded the shortcut icons: Then click “Add to Home Screen” which will add a shortcut icon to your device that, when clicked, will take you directly to this page:

You can then click on that icon and it takes you directly to the website in your web browser, like a shortcut or a bookmark.Īs an example, when using an iOS device, and visiting a website using the Safari browser, click on the “share” icon: Icons for my website? Initially, I wasn’t sure what those were, but then I remembered that if you create a shortcut to a website on your iPhone, the shortcut is saved on your iPhone screen as an icon that looks like a standard app icon. While I was working on a WordPress site, I came across a branding portion of the admin panel that allowed me to upload icons for my website.
