WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Plugins» How to Ask Readers to Add Your WordPress Blog Icon on iPhone

How to Ask Readers to Add Your WordPress Blog Icon on iPhone

Last updated on May 16th, 2013 by Editorial Staff
40 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Ask Readers to Add Your WordPress Blog Icon on iPhone

Recently one of our users asked us how to add the little notification that asks their iPhone users to add a bloc ifon to their home screen. This feature was being heavily used by popular sites like TechCrunch and others. If you have a great looking responsive design for your WordPress blog, and you have a good number of mobile users, then it makes sense for you to implement this technique. In this article, we will show you how to ask your readers to add your WordPress blog icon on their iPhone or iPad home screen. This encourages readers to visit your site more often because they have a one-click access to your website similar to an app.

Editor’s Note: please only do this if your mobile site is functional and actually looks good. Otherwise these things can be pretty annoying.

Adding your WordPress website's icon on iPhone or iPad's home screen

First thing you need to do is install and activate the Add to home screen WP Plugin. Upon activation, a new settings page will be added under Settings » ATHS Options. The settings page allows you to control the behavior and functionality of this plugin. In the settings page, you need to add your website’s icon. You want the icon to be recognizable because this is what your users will see on their home screen. To add an icon go to Media » Add New in your admin panel. Upload an image file with these exact dimensions (144×144 pixels). Copy the URL of this image file and paste it in the plugin settings page.

Add to home screen plugin settings

Once you do that, then you are good to go. This plugin will work on iPhone, iPad, and iPod touch devices. However, it will only work on the safari browser. When a user visits your website, they will see a notification asking them to add your blog’s link as a web app on their device. They can tap on the notification to install your website as a web app. If you provided an icon on the plugin settings page, then it will be used as the home screen icon. Otherwise, a snapshot of your web page will be used as icon.

Balloon notification asking users to install as web app

Add to home screen WordPress plugin provides you with an option to open your website in the fullscreen web app mode instead of Safari web browser. It is recommended that you choose the fullscreen mode so that the users who have already added your blog will not see the balloon notification each time they visit your website. To do that go to Settings » ATHS Options page. Scroll down to Navigation Options , and select Fullscreen mode from Choose your browser drop down menu.

Set your wep app to open in fullscreen mode from home screen

We hope that this article helped you add a notification that ask your readers to add your WordPress blog icon on their iPhone. What are your thoughts on these balloon notifications? Do you ever add them on your iPhone? Would you add this on your site? Let us know by leaving a comment below.

40 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • How to Start Your Own Podcast (Step by Step)

    How to Start Your Own Podcast (Step by Step)

  • How to Properly Move Your Blog from WordPress.com to WordPress.org

  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

  • How to Fix the Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

5 Comments

Leave a Reply
  1. Alex says:
    Mar 8, 2016 at 3:02 am

    Hi

    Please update this article. This plugin is outdated and unsupported.

    I tried it on and it isn’t working.

    Any other options?

    Reply
  2. Nathan Young says:
    Jun 2, 2013 at 4:46 pm

    It works, with one exception. My icon I uploaded to the exact dimensions you specified does not show up.

    Reply
  3. Courtney Robertson says:
    May 17, 2013 at 8:56 am

    Is there an Android equivalent? Or ways to do this on other smartphone platforms?

    Reply
    • Anders says:
      Oct 16, 2013 at 5:13 am

      Hi everyone
      I would also love to find a solution for Android. I am very thankful for the advice in this post…. works perfect, but I would like to help android users, as well :)

      Reply
  4. Jennifer Drummond says:
    May 16, 2013 at 9:31 pm

    I LOVE this! I tried it out, per your directions and sure enough I got to add my button (App) to my phone!! Thank you!!

    Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
MonsterInsights
MonsterInsights
Google Analytics made easy for WordPress. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2020 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2020)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2020)
    • SiteGround Reviews from 4196 Users & Our Experts (2020)
    • Bluehost Review from Real Users + Performance Stats (2020)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2020 – Step by Step Guide
Deals & Coupons (view all)
SeedProd Logo
SeedProd Coupon
Get 50% OFF SeedProd Coming Soon Page plugin for WordPress.
JustHost
JustHost Coupon
Get hosting for $3.95 / month and a free domain registration for life. Can't get any better.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).
Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress CDN by MaxCDN | WordPress Security by Sucuri.