CopyDesign logoSearch
FreebiesNewButtonsCTA BannersPopupsSectionsFormsTrustUtilityPromo GamesMenus
Account
HomeFreebiesAccountSearchOther

Get the whole library for only $1

New designs coming every week

Join now for $1/month

Designs

  • Freebies
  • Buttons
  • CTA Banners
  • Popups
  • Sections
  • Forms
  • Trust
  • Utility
  • Promo Games
  • Menus

Site

  • Home
  • Pricing
  • Extension
  • Demo sites
  • Stats
  • Contact
  • Request a design
  • Sign up
  • Log in
  • Terms
  • Privacy
  • TrustMRR

Built by MojoSons Media

CopyDesign logoSearch
FreebiesFreeNewButtonsCTA BannersPopupsSectionsFormsTrustUtilityPromo GamesMenus
Sign upLog in
Members: 3$1/mo forever
CopyDesign logo
SearchFreebiesFreeNew
ButtonsCTA BannersPopupsSectionsFormsTrustUtilityPromo GamesMenus
Get the extension
Sign upLog in
Members: 3$1/mo forever
HomeFreebies$1Join

On this page

  • Demo
  • What it does
  • How it works
  • What you can customize
Popups/Add to Home Screen Popup

Add to Home Screen Popup

Customize and copy this install-app popup for your website.

It shows visitors how to add your site as an app shortcut.

It spots the device they're on (Mac, iPhone, Android phone...) and shows the right steps to get the link on their dock or home screen.

What it does

Copy this popup design, adjust the options, and paste the prompt so your own AI builds it right into your site.

It teaches a visitor how to pin your site to their device as an app shortcut, so it opens from the dock or the home screen like any other app.

This is a shortcut, not an app-store download. Nothing to submit, nothing to approve. The browser just saves your site as an installable web app, the kind pros call a PWA (a progressive web app, a normal website that can be pinned and opened like an app).

It reads the device on its own and shows the matching steps:

  • On a Mac, the Add to Dock flow.
  • On an iPhone, the Add to Home Screen flow.
  • On an Android phone, the Chrome install app (add to home screen) flow.

How it works

  1. 01

    A floating Install app button sits on the page; tap it and a popup opens over a dimmed page, what pros call a modal.

  2. 02

    It spots the device the moment it opens, so a Mac, an iPhone, and an Android phone each get the correct step by step to follow.

  3. 03

    A hero illustration sets the scene, with a short title telling the visitor they can install your site.

  4. 04

    An animated step shows the real dialog, the browser's own Add to Dock or Add to Home Screen box in action.

  5. 05

    A short numbered list spells it out, each step matching what the visitor sees on their screen.

  6. 06

    Tap Close to dismiss it, and the visitor keeps browsing or follows the steps at their own pace.

What you can customize

  • Header: an illustrated hero image or a plain text title. We show the illustrated header by default.
  • Trigger: a floating Install app button, or it opens by itself after a scroll or a short stay. The preview shows the floating button by default.

Have a store app instead of a web shortcut? Point visitors to it with an app download banner.

You'll also like

Spin the Wheel

A prize wheel with real odds you define. The animation lands on the prize that was actually drawn, every time.

20% off everything this weekShop the sale×

Sticky CTA Banner

A slim banner that stays on screen and drives one action. Pick where it sits and what it pushes.

Floating Chat Launcher

A corner bubble that opens your real contact channels. Honest about not being live chat unless you have one.

â–¼
you@email.com

Try it: click Spin. The prize is drawn by weight before the wheel moves.