Simple way for email confirmation

When I was looking for a better alternative for the in-built bubble feature to confirm email addresses, I couldn’t find a good answer to this problem or not the solution I was looking for. But after some trial and error, I think I found a way to confirm email addresses, that I would like to share with the community. With this method, you can use a custom template to send to your users.

  1. Add two data types, ‘email confirmed, yes/no’, ‘email confirmation code., text’.

  2. When signing up the user, Email confirmed code: create a random string of how many characters you want.

3a) Choose an email service you would like to use, I’m using SendGrid but I’m sure it will work with others.
3b) Go over to SendGrid and put in the Button URL: {{anynameyouwant}} for convenience purposes I just use ‘url’. With other email services, you need to figure out this part on your own but it probably be pretty similar, quick google search and you will find out


3c) On the Bubbleside add an action by sending an email through your email service, then create a new key with the same name as {{anynameyouwant}}. As value put in your confirmation linkpage&code=Email confirmation code.

4a) When clicking on the email it will take you to the confirmation page, on the confirmation page workflow do the following truncate to the end to the number of characters you wanted in your random generated string, I have 7:

(if you have more data to send through your url you can also use extract with Regex instead of truncated)

4b) When the confirmation code of the current user matches with the confirmation code in the link, change the email confirmed to ‘yes’ and redirect them to the home page.

This is the solution that I found, test it yourself if it works. I’m just a beginning Bubbler so let me know if something is wrong with my method.

12 Likes

I found myself implementing something similar not long ago. One thing I find with this approach is that, if the user is not logged in, this confirmation will not work. Or I didn’t understood it well?

Love this, brillant. Thanks @conradaszen

I used it to confirm 2nd email address that might not be the one they use as login.

Where do I find Bubble’s built-in feature for Email Confirmed? My user data type doesn’t have the by default.

's email confirm expression doesn’r appeared in Data tab, but only in workfkow or Design tab as Dynamic expression

スクリーンショット 2022-01-29 11.05.10

How then can I tell whether or not someone’s email was confirmed? How is that supposed to be used?

Seems strange to have a workflow action that just sends an email/link without any way to track it. I thought bubble docs said they saved the data on the user type or email field.

The built in “email confirmed” field is saved on the user. To see the contents of that field of your users, you have to create a repeating group and expose that field in the designer.

4 Likes

Really great for you sharing a workaround in setting up an option for being able to send a sendgrid template with the confirmation link. What plugin did you install for send grid to allow adding the substitution tags?

From the Bubble perspective, it would be nice if this was a built-in feature so that we can use the bubble password confirmation rather.

After posting, I went trawling the Bubble documentation which I found extremely helpful. And came across this which may help others out whereby you can use the default Bubble confirmation.

Sendgrid Template ID

Sendgrid allows you to define templates to use when sending emails. When you build a template, add the template ID here, and it will be applied to all emails sent by the app. Templates should contain a single “<%body%>” (without the quotes) field, which will be replaced by the content of the email defined in your actions.

Note: This is optional. Without a template, the email will be exactly what you typed in the Body field.

Oops “<%body%>” did not work, yes I removed the quotes, on another point is for the subject would I just use <%subject%>?

“<%subject%>” also did not work, regarding “<%body%>”, I hope the Bubble team could please look into it and see why it ain’t working.

I am implementing something similar now, as I am building a review system into my app, and I want a review submitter to have to click a unique link in their email to confirm their review (they may not be a user in my app).

One question - why don’t you use the native Bubble email sending feature instead of Sendgrid?

Sendgrid allows for much more formatting with drag and drop elements or custom html/css. This way you can brand your email, add images, buttons and much more.

ah ok. thanks. Then for speed and simplicity there is no reason for me not to use Bubble’s service.

That’s correct! :slight_smile:

Hey all - we recently released a feature that will allow you to customize your email confirmation flow more easily. Learn more here: Retrieve email confirmation token without sending email

Grace the the whole signup/login needs a rethink - its based upon emmanuels incorrect logic.

Emails for confirmation when sent need to be confirmed first instead of automatic login.

For your link - you need to put proper instructions and help up - including a video.

Im 2 days in just trying to get the confirmation piece working as it should.
Yet more basics that are not developed properly.