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 il est obligatoire de 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éer une offre gratuite dans ProAbono (avec un période d’essai gratuite 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époser 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 ou 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“