Ordering.Tools
Ordering.Tools
Feed them, keep them
Назад към обученията
5 стъпки6 мин

Собствен банер „Инсталирай приложението“

Сложете бутон „Инсталирай приложението“ където искате на сайта си — един клик отваря диалога за инсталиране на Android, а на iPhone — стъпки как се прави.

1

Включете Брандираното уеб приложение

Банерът за инсталиране изисква активно Брандирано уеб приложение: верифициран собствен домейн, качено лого и включен превключвател. Отворете Настройки → Брандирано уеб приложение и проверете, че и трите условия са изпълнени — без тях няма какво да се инсталира.

Съвет

Ново ли е за вас? Започнете първо с обучението за Брандираното уеб приложение.

2

Добавете бутон, който инсталира приложението

В Уебсайт → Страници отворете страницата, където искате банера, и добавете стрип „Бутони“ (или редактирайте съществуващ). Дайте на бутона надпис като „Инсталирай приложението“ и задайте линка му точно #install-app. Този специален линк се разпознава от платформата — не е нужен код. Запазете и публикувайте.

3

Какво се случва при клик

На Android и настолен Chrome/Edge кликът отваря директно нативния диалог за инсталиране — едно докосване и приложението е на началния екран. На iPhone и iPad излиза попъп с три кратки стъпки (Споделяне → Добави към Начален екран → Добави), защото Apple не позволява директно инсталиране. В браузъри без поддръжка гостите се насочват към Google Chrome.

Съвет

Бутонът работи винаги — дори за гости, които по-рано са затворили автоматичния банер.

4

Правите изцяло собствен банер? (за напреднали)

Стриповете не стигат — искате собствен дизайн? Уебсайт → SEO → Собствени скриптове (body) приема JavaScript, който се изпълнява на всяка страница от сайта ви. Нека скриптът създаде елемента на банера и или дайте на бутона атрибут data-ot-install, или извикайте otInstallApp() при клик — и двете задействат точно същия процес по инсталиране като бутона от стрипа. Полето приема само JavaScript, не суров HTML.

5

Тествайте на истински телефон

Отворете сайта си на Android телефон в Chrome, натиснете новия бутон и се уверете, че диалогът за инсталиране се появява. После пробвайте на iPhone и минете през трите стъпки. След инсталиране логото ви е на началния екран на госта и приложението се отваря на цял екран.

Готови ли сте да започнете?

Приложете наученото и настройте вашия ресторант за минути