Hoe u van uw ledensite een webapplicatie maakt (zonder App Store-licentie)

De meest gangbare handleiding voor het omzetten van een ledensite naar een webapp adviseert je om $1.199 per jaar uit te geven aan MemberPress AppKit, Apple- en Google-ontwikkelaarsaccounts aan te maken, 15% tot 30% van elke in-app-verkoop af te staan ​​aan Apple of Google, en een aantal dagen te wachten op goedkeuring door de App Store.

Dat is de route via de mobiele app. Het werkt. Maar het is niet de enige route, en voor de meeste eigenaren van lidmaatschapssites is het niet de beste.

Een webapp biedt uw leden hetzelfde startschermpictogram, offline toegang, pushmeldingen en een app-achtige ervaring zonder dat ze de app hoeven in te dienen bij de App Store, zonder de jaarlijkse AppKit-kosten en zonder een deel van uw inkomsten af ​​te staan ​​aan Apple of Google.

Deze handleiding laat je precies zien hoe je het moet bouwen.

Web-app versus native app versus mobiele app: wat is het verschil?

Niet alle app-aanpakken zijn gelijkwaardig, en de verkeerde keuze kost je tijd, geld of beide. Hieronder vind je een duidelijke uitleg om je te helpen de juiste beslissing te nemen voordat je iets gaat bouwen.

Functie	Webapplicatie (PWA)	Native mobiele app	MemberPress AppKit
App Store vereist	Nee	Ja	Ja (Apple + Google)
Jaarlijkse platformkosten	Geen	$99 Apple + $25 Google	AppKit: $1.199 per jaar + ontwikkelaarsaccounts: $124
Omzetverlaging	Geen	15% tot 30% korting op in-app aankopen	15% tot 30% korting op in-app aankopen
Werkt op iOS	Ja	Ja	Ja
Werkt op Android	Ja	Ja	Ja
Werkt op desktop	Ja	Nee	Nee
Pushmeldingen	Ja (Firebase, gratis)	Ja	Ja
Offline toegang	Ja	Ja	Beperkt
Vindbaarheid in de App Store	Nee	Ja	Ja
Tijd om te lanceren	Uren	Dagen tot weken (goedkeuring)	Dagen tot weken (goedkeuring)
Ontwikkelaar gezocht	Nee (plug-in) / Ja (aangepast)	Ja	Nee

Wanneer een native app de moeite waard is: Je publiek ontdekt apps voornamelijk via de zoekfunctie van de App Store, en je hebt budget voor de jaarlijkse AppKit-kosten en het percentage van de platforminkomsten.

Wanneer een webapp beter is: Je wilt 100% van de lidmaatschapsinkomsten behouden, lanceren zonder te hoeven wachten op goedkeuring van de App Store en leden bereiken op elk apparaat, inclusief desktop, zonder dat ze iets hoeven te downloaden.

Voor de meeste eigenaren van onafhankelijke ledenwebsites is de webapplicatie voordeliger vanwege de kosten, snelheid en bescherming van de inkomsten.

Wat heb je nodig voordat je begint?

Er zijn een paar dingen die geregeld moeten zijn voordat je PWA-configuratie correct werkt. De meeste hiervan heb je waarschijnlijk al; de dingen die je nog niet hebt, zijn in 30 minuten op te lossen.

• Een WordPress-lidmaatschapssite die gebruikmaakt van lidmaatschapsplugins zoals MemberPress, MemberDash, Restrict Content Proof een vergelijkbare plugin.

• HTTPS (SSL-certificaat actief). PWA's vereisen HTTPS om te functioneren. De meeste hostingproviders bieden dit gratis aan

• Een hostingomgeving die service workers ondersteunt. De meeste moderne WordPress-hostingproviders doen dat. Neem contact op met uw hostingprovider als u het niet zeker weet

• Een app-pictogram van 512×512 pixels in PNG-formaat voor het startscherm

• Een opstartschermafbeelding (optioneel, maar aanbevolen voor een professionele installatie-ervaring)

• Een gratis Google Firebase-account als je pushmeldingen wilt ontvangen

Hoe u van uw ledensite een webapplicatie maakt: 4 eenvoudige methoden

Elke methode hieronder is geschikt voor een ander budget, technisch niveau en de grootte van uw ledenwebsite. Begin met de methode die het beste aansluit bij de huidige situatie van uw website en upgrade naarmate uw behoeften groeien.

De snelste manier om een ​​webapplicatie voor een ledensite te realiseren, is via een speciale WordPress PWA-plugin. Deze plugins regelen het webapplicatiemanifest, de registratie van de service worker en de installatieprompt zonder dat er ook maar één regel code hoeft te worden aangepast.

Beste PWA-plugins voor lidmaatschapwebsites

Super PWA is de meest geïnstalleerde WordPress PWA-plugin met meer dan 200.000 actieve installaties. Het genereert je webapp-manifest, registreert een service worker en voegt automatisch een "Toevoegen aan startscherm"-prompt toe. De gratis versie dekt de basisinstellingen. Super PWA Pro voegt pushnotificaties, geavanceerde cachingstrategieën en aangepaste offline pagina's toe.

PWA voor WP en AMP ondersteunt zowel standaard WordPress- als AMP-pagina's. Het voegt de volledige PWA-functionaliteit toe, inclusief offline toegang, pushmeldingen via OneSignal en manifestconfiguratie rechtstreeks vanuit het WordPress-dashboard.

Web App Manifest van Phil Johnston is een lichtgewicht optie die zich richt op het genereren van manifestbestanden en de installatie ervan vereenvoudigt. Combineer het met een aparte caching-plugin (WP Rocket of W3 Total Cache) voor de beste offline-ervaring.

Stapsgewijze installatie met Super PWA

1. Ga naar Plugins > Nieuwe toevoegen en zoek naar Super PWA. Installeer en activeer.
2. Ga in je dashboard naar Instellingen > Super PWA.
3. Voer de naam van uw app, de korte naam (die onder het pictogram op het startscherm wordt gebruikt) en de achtergrondkleur in.
4. Upload je app-pictogram van 512x512 pixels.
5. Stel uw startpagina in. Voor een ledensite moet dit de URL zijn van uw ledendashboard of contentbibliotheek.
6. Selecteer uw toepassingsweergave: Standalone verwijdert de browserinterface voor een volledig schermweergave van de app.
7. Sla de instellingen op. Super PWA genereert je manifest en registreert automatisch de service worker.
8. Bezoek uw site op een mobiele telefoon. Chrome en Safari tonen na enkele seconden een melding 'Toevoegen aan startscherm'.

Test de installatie op zowel iOS (Safari) als Android (Chrome) voordat je deze aan de leden bekendmaakt.

Methode 2: PWA + pushmeldingen via Firebase

Een webapp zonder pushmeldingen mist de krachtigste manier om leden opnieuw te betrekken. Leden die uw webapp installeren en pushmeldingen inschakelen, kunnen met één enkel bericht worden teruggehaald. Dit is vergelijkbaar met de pushmeldingenfunctie in MemberPress AppKit, maar dan gratis.

Pushmeldingen instellen met Firebase

Ga naar console.firebase.google.com en maak een nieuw project aan. Geef het de naam van je ledensite.

Ga in Firebase naar Projectinstellingen > Cloudberichten. Noteer je serversleutel en afzender-ID. Je hebt beide nodig in de volgende stap.

Installeer de OneSignal WordPress-plugin. Ga in je dashboard naar OneSignal Push > Configuratie. Selecteer Google Android (FCM) en plak je Firebase Server Key en Sender ID. Voor pushmeldingen in Safari op iOS heb je ook een Apple Push Notification (APN)-sleutel nodig van je Apple Developer-account. In tegenstelling tot MemberPress AppKit is voor de APN-sleutel voor pushmeldingen in Safari geen betaald ontwikkelaarsaccount vereist voor standaard webpushmeldingen.

Configureer je promptinstellingen in OneSignal. Stel een vertraging in, zodat de prompt verschijnt nadat een lid is ingelogd, en niet direct bij het eerste bezoek. Leden die de prompt in de juiste context zien, hebben een aanzienlijk grotere kans om zich aan te melden.

Met Firebase en OneSignal actief kun je pushmeldingen rechtstreeks vanuit je WordPress-dashboard versturen of automatiseren op basis van triggers voor leden, zoals nieuwe content, herinneringen voor lidmaatschapsverlenging of communityactiviteit.

Methode 3: Beheerde PWA-service (MobiLoud of AppMySite)

Als je meer wilt dan een plugin kan bieden, maar minder dan een volledig op maat gemaakte oplossing, dan bieden beheerde PWA-services een goede middenweg.

MobiLoud transformeert uw WordPress-lidmaatschapssite in een volledig beheerde webapplicatie en optioneel een native app. Het ondersteunt MemberPress, verwerkt pushmeldingen en bevat een contentmanagementsysteem dat de app automatisch synchroniseert met uw WordPress-site. Prijzen beginnen bij $199 per maand.

AppMySite genereert een PWA en optioneel native iOS- en Android-apps op basis van uw bestaande WordPress-website. Het ondersteunt inlogprocessen voor leden, beperkte toegang tot content en pushmeldingen. Het PWA-only abonnement begint bij $9 per maand, waardoor het de meest betaalbare beheerde optie is.

Beide diensten nemen de technische complexiteit voor u uit handen. Het nadeel is een doorlopend maandelijks bedrag in plaats van een eenmalige installatie van een plug-in.

Methode 4: Ontwikkeling van een aangepaste WordPress-webapplicatie

Voor ledenwebsites die echte applicatie-achtige functionaliteit vereisen, biedt een op maat gemaakte webapplicatie, gebouwd op headless WordPress en de WooCommerce- of MemberPress-REST API, het krachtigste resultaat.

Bij een headless-configuratie beheert WordPress de content en de ledenadministratie in de backend. Een frontend met React of Next.js zorgt voor de gebruikerservaring voor leden in de vorm van een snelle, app-achtige interface. Het resultaat is qua snelheid en gebruiksvriendelijkheid niet te onderscheiden van een native app, werkt op elk apparaat en verwerkt betalingen via uw bestaande betaalprovider zonder platformovergang.

Deze aanpak vereist maatwerkontwikkeling , maar kent geen doorlopend AppKit-abonnement, is niet afhankelijk van de App Store en kent geen beperkingen voor de gebruikerservaring.

Seahawk bouwt op maat gemaakte, headless WordPress-webapplicaties voor ledenorganisaties die de mogelijkheden van plugin-gebaseerde oplossingen ontgroeid zijn. Neem contact op met het Seahawk-team om uw ledenwebsite te bespreken.

Beste PWA-plugins voor WordPress-lidmaatschapssites

De juiste plugin kiezen hangt af van of je pushnotificaties, AMP-ondersteuning of een volledig beheerde service nodig hebt. Deze tabel toont de vijf beste opties, zodat je de juiste tool voor jouw situatie kunt kiezen.

Plugin	Het beste voor	Pushmeldingen	Offline toegang	Prijs
Super PWA	Snelle installatie, werkt met alle belangrijke membership-plugins	Alleen de Pro-versie	Ja	Gratis / $39 eenmalig
PWA voor WP en AMP	AMP-compatibele lidmaatschapssites	Ja, via OneSignal	Ja	Gratis / $59 per jaar
Manifest van de webapp	Alleen manifest, te combineren met WP Rocket of W3 Total Cache	Nee	Via caching-plugin	Vrij
AppMySite	Beheerde PWA met minimale technische configuratie	Ja	Ja	Vanaf $9 per maand
MobiLoud	Beheerde PWA plus optionele native iOS- en Android-apps	Ja	Ja	Vanaf $199 per maand

Hoe maak je je ledenwebapp installeerbaar?

Installatie is wat een webapp onderscheidt van een voor mobiel geoptimaliseerde website. Eenmaal geïnstalleerd, staat uw ledensite op het startscherm van het lid, net als een native app.

Drie voorwaarden voor de installatieprompt

Om het installatiescherm te laten verschijnen, moet aan drie voorwaarden worden voldaan:

• Uw website moet via HTTPS bereikbaar zijn

• Je moet een geldig web-app-manifest hebben met een gedefinieerde naam, pictogrammen en start-URL

• U moet een geregistreerde dienstverlener in dienst hebben

Als aan alle drie de voorwaarden is voldaan, toont Chrome op Android automatisch een banner met de tekst "Toevoegen aan startscherm" nadat een gebruiker de website binnen vijf minuten twee keer heeft bezocht.

Installeren op iOS (Safari)

Safari op iOS geeft geen automatische melding weer. Leden kunnen uw site handmatig toevoegen via het menu 'Delen'. Overweeg om een ​​kleine, wegklapbare banner op uw ledendashboard te plaatsen die iOS-leden door de handmatige installatiestap leidt. Deze ene toevoeging verhoogt het aantal installaties op iOS aanzienlijk.

Wat ervaren uw leden na de installatie?

Inzicht in de gebruikerservaring is essentieel voor het succes van een webapplicatie. Hieronder lees je precies wat er gebeurt vanaf het moment dat een gebruiker je webapplicatie op zijn of haar apparaat installeert.

Na installatie verschijnt het app-pictogram op hun startscherm naast Netflix, Instagram en alle andere apps die ze dagelijks gebruiken. Door op het pictogram te tikken, wordt hun ledendashboard in volledig scherm geopend, zonder zichtbare browserbalken. De site laadt direct vanuit de cache, zelfs bij trage internetverbindingen.

Doorlopende betrokkenheidsfuncties

• Pushmeldingen verschijnen in het meldingenpaneel, net als bij elke andere app.

• Inhoud die ze eerder hebben bekeken, is offline beschikbaar

• De inloggegevens blijven behouden tussen sessies zonder dat de browser herhaaldelijk om inloggegevens vraagt

• Nieuwe content en lidmaatschapsupdates worden automatisch gesynchroniseerd zonder dat een update in de app store nodig is

Dit is dezelfde ervaring die MemberPress AppKit biedt via een native app, gebouwd op uw bestaande WordPress-site, zonder de App Store, zonder de jaarlijkse kosten van $ 1.199 en zonder inkomsten af ​​te staan ​​aan Apple of Google.

Conclusie: Kies de juiste aanpak voor uw ledenwebsite

De juiste aanpak hangt af van je doelgroep, je budget en wat je met de app wilt bereiken. Hier lees je hoe je een weloverwogen beslissing kunt nemen en verder kunt gaan zonder achteraf te twijfelen. Als je leden apps vinden via de zoekfunctie van de App Store en je budget hebt voor een jaarabonnement, is MemberPress AppKit een prima product.

Maar de meeste eigenaren van lidmaatschapssites hebben geen behoefte aan vindbaarheid in de App Store. Hun leden bevinden zich immers al op de site. Het probleem is niet de vindbaarheid, maar het behoud van leden. Leden vergeten terug te komen. Een webapp lost dat op met een pictogram op het startscherm en pushmeldingen, die beide gratis beschikbaar zijn bij een PWA.

Begin met Super PWA of PWA voor WordPress. Voeg Firebase-pushmeldingen toe via OneSignal. Leid iOS-gebruikers door het handmatige installatieproces met een eenvoudige banner in de app. Voor de meeste lidmaatschapssites duurt die installatie een middag en kost niets extra bovenop je bestaande hostingkosten.

Als uw ledensite zo groot is geworden dat u behoefte heeft aan echte applicatieprestaties, aangepaste authenticatieprocessen of een mobiele ervaring die verder gaat dan wat plugins kunnen bieden, dan bouwt Seahawk volledig op maat gemaakte WordPress-webapplicaties.

Veelgestelde vragen over webapps voor ledenwebsites