Login to the Dashboard and click on 'Create Project'.
In the popup ,under select setup method click on Bubble.
Click on Continue on the Bottom right corner.
Create new project popup would would appear,set your Project name.
For Hostname, Go back to your bubble application page and click on Preview. On the preview page copy the site URL and copy the url till you encounter the first '/ ' now return to your sawo dashboard and paste this host name.
Click on create project and this generates your credentials
Now Copy your API Key and head back to the Bubble Application Page.
On Bubble App Page:
In the Design Tab of Bubble app page, click on the sawo-login form twice again and in the API section, add your API key you had copied.
And then click on workflows in the navbar to set your workflow.
4. Workflows
Go to the βDataβ tab on Bubble app page and go to βPrivacyβ from the sections availaible.
Make sure to check the boxes βemailβ and βFind this in searchesβ.
Creating EMAIL workflow:
To complete the Bubble integration for Email workflow, we have to create three events: Signup, Login and Sawo-login A dbcheck.
Make sure you have selected your idenifier in the sawo-login form as βEmailβ in the Design tab.
Go to the βWorkflowsβ section to create the following events:
A. signup custom event
Click on "click here to add an event"
Hover over "Custom", click on βcreate a custom eventβ and name it as: βsignupβ.
sign the user up action:
Click on 'add action'.
Hover over 'account' and Click on 'sign the user up' in the right hand column.
In the popup form add the email by clicking on the input field provided,then selecting 'sawo-login A' from the dropdown.
Now set it to " 's identifier" in case of email.
In the popup form add the password by clicking on the input field provided,then selecting 'sawo-login A' from the dropdown.
Now set it to " 's password" in case of password.
B. login custom event
Click on "click here to add an event"
Hover over "Custom", click on βcreate a custom eventβ and name it as: βloginβ.
log the user in action:
Click on 'add action'.
Hover over 'account' and Click on 'log the user in' in the right hand column.
In the popup form add the email by clicking on the input field provided,then selecting 'sawo-login A' from the dropdown.
Now set it to " 's identifier" in case of email.
In the popup form add the password by clicking on the input field provided,then selecting 'sawo-login A' from the dropdown.
Now set it to " 's password" in case of password.
C. sawo-login A dbcheck event
Click on "click here to add an event"
Hover over "Elements", click on βA sawo-login dbcheckβ.
Trigger signup action:
Click on 'add action'.
Hover over 'custom events' and Click on 'trigger a custom event' in the right hand column.
In the popup form, choose βsignupβ as the trigger custom event.
Go to only when and add βDo a search forβ.
Click on the side and select β:each itemβs emailβ
Again click on the side and select βdoesnβt containβ
Click to get βsawo-login Aβ and after that click on β βs identifierβ
Trigger login action:
Click on 'add action'.
Hover over 'custom events' and Click on 'trigger a custom event' in the right hand column.
In the popup form, choose βloginβ as the trigger custom event.
Go to only when and add βDo a search forβ.
Click on the side and select β:each itemβs emailβ
Again click on the side and select β containsβ
Click to get βsawo-login Aβ and after that click on β βs identifierβ
Creating PHONE workflow:
To complete the Bubble integration for Email workflow, we have to create three events: Signup, Login and Sawo-login A dbcheck.
Make sure you have selected your idenifier in the sawo-login form as βphone_number_smsβ in the Design tab.
Also, complete the following steps to create a Phone Workflow:
Go to βSettingsβ and then βLanguagesβ
Go to βCreate a new app textβ and click on βCreate textβ
Give any name to the app text like βnew_domainβ.
Scroll down to find the app text id given and add the text as β@xyz.comβ
[You can use your companyβs name too format should be @text.com]
Go to the βWorkflowsβ section to create the following events:
A. Signup custom event
Click on "click here to add an event"
Hover over "Custom", click on βcreate a custom eventβ and name it as: βsignupβ.
sign the user up action:
Click on 'add action'.
Hover over 'account' and Click on 'sign the user up' in the right hand column.
In the popup form add the email by clicking on the input field provided,then selecting 'sawo-login A' from the dropdown.
Now set it to " 's identifier" in case of email.
Click on More and select ':append' .
Next in 'Search' click on more and select 'App Text' .
In the popup, click on the 'Text ID' Drop down and choose the text id you created earlier in the beginning of the workflow: βnew_domainβ.
In the popup form add the password by clicking on the input field provided,then selecting 'sawo-login A' from the dropdown.
Now set it to " 's password" in case of password.
B. login custom event
Click on "click here to add an event"
Hover over "Custom", click on βcreate a custom eventβ and name it as: βloginβ.
log the user in action:
Click on 'add action'.
Hover over 'account' and Click on 'log the user in' in the right hand column.
In the popup form add the email by clicking on the input field provided,then selecting 'sawo-login A' from the dropdown.
Now set it to " 's identifier" in case of email.
Click on More and select ':append' .
Next in 'Search' click on more and select 'App Text' .
In the popup, click on the 'Text ID' Drop down and choose the text id you created earlier in the beginning of the workflow: βnew_domainβ.
In the popup form add the password by clicking on the input field provided,then selecting 'sawo-login A' from the dropdown.
Now set it to " 's password" in case of password.
C. SawoAdbcheck event
Click on "click here to add an event"
Hover over "Elements", click on βA sawo-login dbcheckβ.
Trigger signup action:
Click on 'add action'.
Hover over 'custom events' and Click on 'trigger a custom event' in the right hand column.
In the popup form, choose βsignupβ as the trigger custom event.
Go to only when and add βDo a search forβ.
Click on the side and select β:each itemβs emailβ
Click on βSearchβ and search for Find and replace, you will get β:find&replaceβ
Click on β:find&replaceβ and you will get a popup.
In the popup, click on βText to findβ and go to βInsert Dynamic Dataβ and search for βApp textβ.
From the app text dropdown, choose your app text id: βnew_domainβ
Again click on the side and select βdoesnβt containβ
Click to get βsawo-login Aβ and after that click on β βs identifierβ
Trigger login action:
Click on 'add action'.
Hover over 'custom events' and Click on 'trigger a custom event' in the right hand column.
In the popup form, choose βloginβ as the trigger custom event.
Go to only when and add βDo a search forβ.
Click on the side and select β:each itemβs emailβ
Click on βSearchβ and search for Find and replace, you will get β:find&replaceβ
Click on β:find&replaceβ and you will get a popup.
In the popup, click on βText to findβ and go to βInsert Dynamic Dataβ and search for βApp textβ.
From the app text dropdown, choose your app text id: βnew_domainβ
Again click on the side and select β containsβ
Click to get βsawo-login Aβ and after that click on β βs identifierβ