Create a User Invite Feature in Bubble.io

🏆📚 FREE 7 DAY LEARN BUBBLE CHALLENGE 📚🏆 www.nocodeacademy.co/offers/r...
Learn how to build a send user invite functionality in Bubble to invite new team members. We'll look at 2 user cases and the data structure for both, discuss options for datasets including the scenario where creating an account for someone else may be beneficial, and finally, the workflows for the invite button and when accepting the invite.
0:00 - Intro
0:47 - Scenario 1 Inviting Users to a Tool
1:43 - Scenario 2 Invite a Friend and Receive a Referral Incentive
2:39 - Data Structure Setup
5:10 - UI Overview of Invite
7:30 - Invite Button Workflows
12:35 - UI Accept Invite Page
13:10 - Load Invite Data to Page via Query String Parameter
16:00 - Accept Invite Workflows
26:35 - UI Conditionals to Update Invitation Status
===========================
Limited Time One-on-One Consulting -
calendly.com/nocodeacademy/so...
===========================
✅ Subscribe to be notified when the more Bubble tutorial videos come out.
⏩ Follow along in a free Bubble.io account by signing up at bubble.io/?ref=io01awzc.
❓ Have questions? Want a consultation? Reach out at nocodeacademy.co.
➡️ Disclaimer - this page contains an affiliate link that gives a credit valid towards our monthly Bubble account fee but has no cash value beyond this. Should you decide a paid Bubble account is right for you, thank you in advance for your support.

[@StephanWeibel]

This was really useful. One of the few instruction videos I didn't set to 2x speed 😂

[@NoCodeAcademy]

Haha thank you brother, glad it was helpful.

[@sarangkharche3207]

Super useful!

[@NoCodeAcademy]

Glad to hear it!

[@LeoFreitasEditor]

me salvou.... thanks!!

[@HennieScheepers]

Thank you for this very useful video.

[@NoCodeAcademy]

You're welcome

[@domingobarros3187]

Thanks for the video; it was very useful. I wonder how you would set privacy rules. Can all the users see all the PendingInvites records?

[@NoCodeAcademy]

Hey you're welcome. You're on the right track to be thinking about the privacy rules here. The tutorial was always involved and longer than average so it skipped the topic. An obvious thing to note in this feature build is that the person doing the inviting is the owner of the account/team and has special admin powers which allows them to build a team (list of users) of some kind. Or I suppose even in the case of a user stacking up referral bonus invites, they're still the 'king/queen' of their castle and inviting others into it. Hence, in either scenario you would give the owner/admin user a field somewhere that is a list of users they've invited. It could exist wherever you see fit in your data structure and it potentially could also be shared list that is on a Team data type, if your app is of this style, as many modern apps often have multiple admin user types. Finally then, in the privacy rules you would make any given Pending Invite item in the database visible only it is contained in the Current User list of Pending Invites. Hope that helps.

[@soonstudio101]

great video! I wonder if it will work on a large database of users? As the invite function workflow searches through the entire user database (condition for new or existing users). How fast can bubble scan through, say 10K users database? Should we add a workflow pause on the invites?

[@NoCodeAcademy]

Hey thanks, good question. One solution might be to trigger a backend API workflow when the invite button is clicked and offload any big lookups there so it doesn't slow down front end user experience. Because then it wouldn't matter how fast bubble scans that many records, it'd just be off doing its thing. And if you wanted to give the user immediate visual feedback that this person has been "invited", you could buffer the front end display for a few seconds with a state variable until the full backend workflows have run. My general stance though on optimization is that there is a balance to considering the long-term impact of decisions upfront -- which you'd do we to consider because it does make an impact. But also consider how paralysis of analysis will play into things versus built it and keep a "future optimizations" list so when your app gains 10k users, well hot d*mn there'd be a lot of paying users and therefore a lot money to pay someone to solve any optimization challenges down the road 😄.

[@armandchollet8581]

Hello :) Can someone describe how the G - Table Header is configured please ?

[@NoCodeAcademy]

Hey Armand, thanks for the comment. G - Table Header is a group with a text element for each column to serve as a label. It's inside of the repeating group, but as seen in 5:36 mark, the conditional if the current cell is not the first row, then it won't show. Said another way, G - Table Header is programmed to only show on the first row at the top of the repeating group. Hope that helps.