Korte samenvatting: Plaats het artikel 'Web-app installeer knop' op je pagina. Deze knop toont automatisch de juiste installatie-instructies voor de browser van je bezoeker en verschijnt alleen als installeren mogelijk is.
Heb je een web-app aangemaakt voor je website? Bekijk dan eerst 'Web-app aanmaken voor je website'. Daarna wil je natuurlijk dat bezoekers deze ook vinden en installeren. Een web-app staat namelijk niet in de App Store of Play Store. Bezoekers installeren 'm via de browser, en dat werkt op elke browser weer anders.
Context
Op de computer of laptop verschijnt in Chrome en Edge automatisch een knopje in de urlbalk. Op een Android-telefoon werkt dit anders: daar staat de installatie-optie in het browsermenu (de drie puntjes rechtsboven), niet in de urlbalk. In Safari op de iPhone of iPad gebeurt er niks vanzelf, maar kan een bezoeker de web-app alsnog installeren via het deelmenu. In Firefox werkt installeren op dit moment helemaal niet. Andere Chromium-browsers, zoals Brave en Vivaldi, verschillen onderling.
Probleem
Omdat installeren overal anders werkt, weten bezoekers vaak niet dat het kan, of hoe het moet. Ga je dit zelf per browser uitleggen op je pagina? Dan wordt die al snel onoverzichtelijk.
Oplossing
Het CMS-artikel 'Web-app installeer knop' lost dit voor je op. Het herkent automatisch welke browser en welk apparaat je bezoeker gebruikt, en toont de bijbehorende installatie-instructies. Werkt installeren niet in de browser van je bezoeker, of heeft die de web-app al geïnstalleerd? Dan verschijnt het snippet simpelweg niet.
Je kiest zelf hoe het snippet eruitziet: als compacte knop, of als bredere aanwijzing met eigen tekst.
Instructies
- Open de pagina waar je de uitnodiging wilt tonen. Bijvoorbeeld op de pagina van je online community.
- Klik op 'Nieuw artikel toevoegen' op de plek waar je de knop wilt plaatsen.
- Kies het artikel 'Web-app installeer knop'.
- Kies bij 'Type' voor 'Knop' of 'Aanwijzing':
Knop
Een compacte knop met vaste tekst, bijvoorbeeld 'Installeer onze Web App'. Hier stel je verder niks in.
De knop 'Installeer onze Web App' ziet er overal hetzelfde uit. Je kunt deze niet zelf aanpassen.
Aanwijzing
Een bredere balk met een titel en bericht die je zelf schrijft, bijvoorbeeld de titel 'Altijd binnen handbereik' met als tekst 'Voeg de web-app toe aan je apparaat voor directe toegang'.
- Vul 'Titel' en 'Bericht' in voor elke taal die je gebruikt.
- Klik op 'Volgende'.
De styling van de call-to-action button die verschijnt bij de optie 'Aanwijzing', sluit aan de instellingen van je Website Template. Zijn jouw primaire knoppen paars? Dan zal deze knop ook paars worden weergegeven.
- Vul een titel in, bijvoorbeeld 'Uitnodiging installatie app'.
- Klik op 'Opslaan'.
Controleren en installeren
Bekijk je webpagina via diverse browsers om te ontdekken hoe het eruit ziet.
Klik op de knop om de app te installeren op je apparaten. Er verschijnt een pop-up met instructie, afhankelijk van de browser.
Wil je bezoekers ook laten zien welke berichten ze nog niet gelezen hebben? Lees dan 'Berichten en meldingen tonen aan bezoekers'.