Sur iOS, le web push du navigateur ne fonctionne que pour les web apps ajoutées à l'écran d'accueil, et la plupart des utilisateurs ne le voient jamais. Devenue une app native grâce à WebViewGold, votre app Figma Make profite du vrai push : des notifications système sur iOS et Android, envoyées depuis votre backend, depuis un tableau de bord ou planifiées par votre propre JavaScript.
Dès $109 en paiement unique par plateforme, ou notre équipe s'occupe de tout dès $698.
Garantie d'approbation – ou remboursement sous 14 jours
Aucun codage requis
Paiement unique, mises à jour gratuites
Support humain 24/7
Conçu en Allemagne depuis 2014 · ISO 27001
9:41
FFigma Make
Notifications pushDésormais dans votre poche
App Store · Google Play Approuvée
Trois façons de notifier vos utilisateurs
Push à distance (OneSignal, Pushwoosh ou Firebase)
Envoyez des campagnes depuis un tableau de bord ou déclenchez des messages depuis Supabase (optionnel) via leur API REST. Segmentez vos utilisateurs, planifiez les envois, suivez les ouvertures. WebViewGold intègre ces services d'origine : vous collez simplement vos identifiants d'app dans Config.swift et Config.java (ou dans le Cloud Builder).
Push locales depuis JavaScript
Planifiez une notification depuis Figma Make avec un simple appel d'URL, par exemple un rappel dans deux heures ou une relance de panier abandonné. Elle s'affiche même après la fermeture de l'app. Aucun service push nécessaire.
L'autorisation au bon moment
Déclenchez la boîte de dialogue d'autorisation du système depuis un lien (registerpush://) au moment où l'utilisateur a une raison d'accepter, plutôt qu'au premier lancement, et lisez l'état de l'autorisation avec checkNativePushPermissions:// (variable JavaScript nativePushEnabled).
Prompt pour Figma Make
Collez ceci dans Figma Make pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.
Prompt à coller dans Figma Make
Ajoutez des fonctionnalités de notifications push pour le wrapper d'app natif WebViewGold. Créez un écran Notifications dans le même style visuel que le reste de l'app, avec un bouton « Activer les notifications » qui navigue vers registerpush:// uniquement si navigator.userAgent contient mon token WebViewGold personnalisé ; dans un navigateur normal, affichez le texte « Disponible dans l'app ». Ajoutez un bouton « Me le rappeler » qui planifie une notification locale en naviguant vers sendlocalpushmsg://push.send?s=3600=msg!MESSAGE&!#TITLE&!#URL avec le texte du rappel, et un bouton « Annuler les rappels » qui navigue vers sendlocalpushmsg://push.send.cancel. Si Supabase est connecté, lisez aussi la variable globale onesignalplayerid après la connexion (déclenchez une fois getonesignalplayerid:// si elle est undefined) et enregistre-la dans une table push_devices.
Je suis très content d'avoir acheté cette application ! Extrêmement facile et excellente documentation. J'ai été en contact avec le service client, ils ont répondu très rapidement et très amicalement. Ils ont résolu ma question en un jour. 10/10 recommanderaient.
Ajoutez une app iOS avec votre clé push Apple (fichier .p8 du portail Apple Developer) et une app Android avec vos identifiants Firebase Cloud Messaging. Les deux tableaux de bord vous guident pas à pas.
Collez les identifiants dans WebViewGold
Activez l'option push dans Config.swift et Config.java (ou dans le formulaire du Cloud Builder) et saisissez votre OneSignal App ID. Choisissez si l'autorisation est demandée au premier lancement ou plus tard via registerpush://.
Identifiez les utilisateurs dans Figma Make
WebViewGold met l'identifiant d'abonnement push à disposition de votre app web dans une variable JavaScript (onesignalplayerid après un appel à getonesignalplayerid://) ou l'ajoute à votre URL sous la forme ?onesignal_push_id=…. Enregistrez-le avec l'utilisateur dans Supabase (optionnel) pour pouvoir cibler chaque utilisateur individuellement.
Envoyez depuis votre backend
Appelez l'API REST de OneSignal depuis Supabase (optionnel) à chaque événement : nouveau message, mise à jour de commande, rappel. Ou envoyez des campagnes manuellement depuis le tableau de bord.
Ajoutez un deep link à la notification
Joignez un champ url à chaque push ; WebViewGold ouvre cette page dans l'app quand l'utilisateur touche la notification.
Push locale : l'appel JavaScript
Aucun service push nécessaire. Depuis votre app Figma Make, planifiez une notification qui s'affiche même une fois l'app fermée :
javascript
var title = "Votre session commence bientôt";
var message = "Touchez pour ouvrir votre tableau de bord.";
var seconds = 7200; // dans deux heures
var url = "https://yourapp.com/dashboard"; // ouverte au toucher
window.location.href = "sendlocalpushmsg://push.send?s=" + seconds + "=msg!" + message + "&!#" + title + "&!#" + url;
// annuler tout ce qui est planifié
// window.location.href = "sendlocalpushmsg://push.send.cancel";
Ce qu'il faut demander à Figma Make
Ajoutez un écran de réglages des notifications avec un bouton « Activer les notifications » qui navigue vers registerpush:// uniquement dans l'app (WebViewGold s'identifie par un user agent personnalisé que vous définissez dans la configuration).
Lisez l'identifiant d'abonnement push fourni par WebViewGold et enregistrez-le sur le profil utilisateur dans Supabase (optionnel).
Créez une fonction backend qui appelle l'API REST de OneSignal avec l'identifiant d'abonnement de l'utilisateur quand un événement se produit.
Ajoutez un paramètre ?utm_source=push aux URL des notifications pour que vos statistiques attribuent correctement les ouvertures.
Questions fréquentes
Le web push de Figma Make fonctionne-t-il dans l'app ?
Le web push du navigateur (basé sur un service worker) n'est pas ce que les stores et les utilisateurs attendent d'une app. WebViewGold utilise des notifications natives APNs et FCM, qui apparaissent dans le centre de notifications du système, gèrent les badges et les sons, et fonctionnent sur tous les iPhone.
OneSignal est-il gratuit ?
OneSignal propose une offre gratuite qui suffit à la plupart des nouvelles apps ; Pushwoosh offre deux mois gratuits aux clients WebViewGold. Les notifications push locales sont gratuites et ne nécessitent aucun service.
Les notifications push aident-elles lors de la validation App Store ?
Oui. La guideline 4.2 exige des fonctionnalités qui vont au-delà d'un site web ; les notifications push natives sont une fonctionnalité native concrète, visible par l'utilisateur.
Puis-je envoyer un push à un utilisateur précis ?
Oui. Associez l'identifiant d'abonnement exposé par WebViewGold à la fiche de l'utilisateur dans Supabase (optionnel) et ciblez cet identifiant via l'API OneSignal.
Trois façons de mettre votre app dans les stores
Même résultat, charge de travail différente de votre côté. Les trois formules incluent la garantie d'approbation et le support humain 24/7.
Faites-le vous-même
$109 par plateforme, paiement unique
La licence WebViewGold : un projet Xcode ou Android Studio prêt à l'emploi. Collez votre URL, définissez le nom et l'icône, activez les fonctionnalités, compilez et soumettez. Mises à jour gratuites à vie.
Ni Mac, ni Xcode, ni Android Studio : configurez dans le navigateur, nous compilons les deux apps dans le cloud et les transmettons à App Store Connect et à la Play Console.
Envoyez-nous votre URL et votre icône. Notre équipe configure, compile et livre votre app sous 72 heures, en marque blanche, projets sources inclus. Les deux plateformes pour $1,158.
Les remboursements sont accordés aux conditions indiquées dans notre FAQ : un refus non lié au contenu par Apple et/ou Google, demandé dans les 14 jours suivant l'achat.