Introduction
The objective of this use case is to allow a user to access the service without paying.
To do this, we will encourage the user to test our application by adding a “Try for Free” button on the home page that will redirect the user to the account creation page.
The user will not have any other action to take. However, it is also necessary to manage the user’s access to the service by subscribing them to an offer with a free trial period (or a freemium offer).
You can easily add this behavior using the workflows provided by Bubble (a series of actions executed when an event is triggered. To learn more, go here).
Prerequisites
-
Create a free offer in ProAbono (with a free trial period or freemium). This will allow you to configure the offer reference in the ProAbono plugin.
-
Have the ProAbono plugin installed and configured correctly in Bubble (here).
-
Have a user management system, including a sign-up page and a login page.
Procedure
Step 1: Add a “Try Free” Button
1.1 Select the Page or Add the Button
From the dropdown list at the top left, select the page where you want to add the button (e.g., the home page).
1.2 Add an Element of Type “Button”
-
Click on the main tab “Design” (left menu)
-
From the sub-menu “Visual elements“, select an element of type “Button” and drag and drop it onto the selected page.
1.3 Configure the Button
-
Double-click on the button you just created to open a context menu.
-
In the first field of the “Appearance” tab, replace the text “…edit me…” with a label of your choice (e.g., “Try Free“).
-
(optional) Change the reference of the button by clicking in the title bar of the context menu (e.g., “Free Trial Button“).
Step 2: Redirect the User to the Account Creation Page
2.1 Create a Workflow
-
Either from the button editing menu, click on “Start/edit workflow” (where you will be redirected to the “Workflow” tab with an already configured event associated with your button).
-
Or from the main menu’s “Workflow” tab:
-
Click on “Click here to add an event“
-
Then, from the context menu that opens, click on “element“
-
Next, click on “An element is clicked“
-
Finally, in the “element” field, select “Free Trial Button” (the button you just created)
-
Once this action is done, a bar for adding steps will appear.
2.2 Configure the Actions to Execute
-
Click on the button “Click here to add an action“
-
Then click on “Navigation” and then on “Go to page” to redirect the user to your account creation page.
-
Select the page corresponding to the account creation page.
Step 3: Manage the Subscription to the Trial Offer once the User is Registered
3.1 Select the Account Creation Page
-
From the dropdown list at the top left, select the page where the sign-up form is located.
3.2 Go to the Workflow Associated with the Sign-Up Button
-
Either from the button editing menu, click “Start/edit workflow” (where you will be redirected to the “Workflow” tab with an already configured event associated with your button).
-
Or from the main menu’s “Workflow” tab:
-
Click on the corresponding action: “When button Sign up is clicked“.
-
3.3 Add the Subscription Action
-
Click on the button “Click here to add an action“
-
Click on the section “Plugin” and then on the action “PA: Subscribe to an offer“
-
In the opened context menu, edit the “Only when” section to add the following event “Current User > Is logged in“