Introduction
L’objectif de ce cas d’usage est de permettre à un utilisateur d’accéder au service sans payer.
Pour ce faire nous allons inciter l’utilisateur à tester notre application en ajoutant un bouton “Essayer gratuitement” sur la page d’accueil qui renverra l’utilisateur vers la page création de compte.
L’utilisateur n’aura pas d’autre action à mener. Cependant, vous devez gérer également l’accès au service de l’utilisateur en le faisant souscrire à une offre avec une période d’essai gratuite (ou une offre de type Freemium).
Vous allez pouvoir ajouter facilement ce comportement grâce aux “workflows” fourni par Bubble (série d’actions exécutée lorsque l’on déclenche un évènement. Pour en savoir plus, rendez-vous ici), ainsi qu’au Plugin développé par nos soins.
Prérequis
-
Avoir créé une offre gratuite dans ProAbono (avec un période d’essai gratuit ou Freemium). Ceci vous permettra de configurer la référence de l’offre dans le plugin ProAbono.
-
Avoir correctement installé et configuré le plugin ProAbono dans Bubble (ici).
-
Avoir un système de gestion d’utilisateurs, donc une page de création de compte ainsi qu’une page de login.
Procédure
Étape 1 : Rajouter un bouton “Essai gratuit”
1.1 Sélectionner la page ou ajouter le bouton
Depuis la liste déroulante en haut à gauche, sélectionnez la page ou vous souhaitez ajouter le bouton (ex: la page d’accueil)
1.2 Ajouter un élément de type “Button”
-
Cliquez sur l’onglet principale “Design” (menu de gauche)
-
Depuis le sous menu “Visual elements“, sélectionner un élément de type “Button” et Glisser/Déposez-le sur la page sélectionnée.
1.3 Configurer le bouton
-
Double-cliquez sur le bouton que vous venez de créer pour ouvrir un menu contextuel.
-
Dans le premier champ de l’onglet “Appearence” remplacer le texte “…edit me…” par un label de votre choix (ex: “Essai gratuit“)
-
(optionnel) Changer la référence du bouton en cliquant dans la barre de titre du menu contextuel (ex: “Free Trial Button”)
Étape 2: Rediriger l’utilisateur vers la page de création de compte
2.1 Créer un workflow
-
Soit depuis le menu d’édition d’un bouton, cliquez sur “Start/edit workflow” (ou vous allez être redirigé vers l’onglet “workflow” avec un évènement déjà configuré associé à votre bouton).
-
Soit depuis l’onglet “workflow” du menu principal :
-
Cliquez sur “Click here to add an event“
-
Puis depuis le menu contextuel qui vient de s’ouvrir, cliquez sur “element“
-
Ensuite, cliquez sur “An element is clicked“
-
Enfin, dans le champ “element” sélectionner “Free Trial Button” (bouton que l’on vient de créer)
-
Une fois cette action réalisée, une barre permettant d’ajouter des étapes (Steps) apparait.
2.2 Configurer les actions à exécuter
-
Cliquez sur le bouton “Click here to add an action“
-
Cliquez ensuite sur “Navigation” puis sur “Go to page” afin de rediriger l’utilisateur vers votre page de création de compte.
-
Sélectionnez la page correspondant à la création de compte.
Étape 3 : Gérer la souscription à l’offre d’essai une fois l’utilisateur enregistré
3.1 Sélectionner la page de création de compte
-
Depuis la liste déroulante en haut à gauche, sélectionnez la page où se trouve le formulaire d’inscription.
3.2 Aller sur le workflow associé au bouton d’inscription
-
Soit depuis le menu d’édition du bouton “Sign Up“ cliquez “Start/edit workflow” (où vous allez être redirigé vers l’onglet “workflow” avec un évènement déjà configuré associé à votre bouton).
-
Soit depuis l’onglet “workflow” du menu principal :
-
Cliquez sur l’action correspondante : “When button Sign up is clicked“.
-
3.3 Ajouter l’action de souscription
-
Cliquez sur le bouton “Click here to add an action“
-
Cliquez sur la section “Plugin” puis sur l’action “PA: Subscribe to an offer”
-
Dans le menu contextuel qui vient de s’ouvrir, éditez la section “Only when“ pour ajouter l’évènement suivant “Current User > Is logged in“