Email with native sendgrid

1theritzy · 2024-12-06T15:34:37.825Z

When my app sends an email to my own website, info@, it is supposed to go to that email at outlook.office.com , hosted by godaddy. Outlook does not receive the email.

Several months ago this is what bubble support said:

Regarding the emails, our engineering team has shared that this is a known behavior with the way certain email servers like Hotmail, Outlook, and Yahoo handle emails that come from Sendgrid, which is the third-party email platform that Bubble uses to power the native “send email” feature. When using the out-of-the-box Sendgrid client provided by Bubble for getting started (rather than a personal email client with a more reliable or dedicated IP address), Sendgrid sends emails via a pool of shared IP addresses which may not be whitelisted or are blocked by the security measures put in place by Microsoft and Yahoo on the receiving end.

Bubble support recommended to use an alternative third-party email service like Postmark or Mailchimp via plugins and custom API integrations, or use a dedicated IP address from Sendgrid once you have a custom domain for your Bubble app.

That was several months ago and I have not implemented anything. What is best practice for this? Can anyone send to me info on how to set it up the best way?

Thanks!

johnny · 2024-12-08T06:12:34.496Z

Hi @1theritzy,

I recommend doing exactly what Bubble support suggested which is to use Postmark.

Check out this post: Postmark is awesome

1theritzy · 2024-12-08T14:26:03.235Z

Thank you Johnny, I appreciate the instructions. I’ll work on it, will likely need help to set it up!

1theritzy · 2024-12-10T19:05:35.308Z

Johnny, can you help with this setup?

I started to use the Postmark Email plugin and it worked. Then I found the Rich Postmark plugin, looks much simpler to use. I entered the same server key as I used in the Postmark Email plugin but it does not send out the email. It seems to be a simple setup but I must be missing something. What else is there? It does not generate any bubble errors.

image784×161 8.07 KB

Thank you,

johnny · 2024-12-10T20:15:14.180Z

Are you testing in dev or live? You have no dev key. Did you deploy to live?

1theritzy · 2024-12-11T19:00:46.357Z

I thought the dev. key was optional so I did not input it there. Not live yet, only in dev.

At the moment, Postmark has disapproved my account so I can’t do anything until they approve. I’ll try the dev. key when I get my account back. Got any other email platforms?

johnny · 2024-12-11T19:12:07.242Z

You can try Resend or Loops (they have marketing and transactional)

Make sure your email use is in compliance within the terms of use for these providers. They do this to maintain a high sender reputation

1theritzy · 2024-12-11T19:14:42.364Z

Thank you Johnny. Waiting to hear back from Postmark.

1theritzy · 2024-12-12T00:16:15.134Z

Good news! Postmark approved my account. You were correct, the server key field that was labeled optional turns out not to be optional.

Just one small issue remains. With the native email send I inserted an image into the body of the email by using the rich text editor and inserting an image. It worked fine, however, the Rich Postmark does not work. The image appears only as a txt but no image. Any ideas?

image474×585 40.7 KB

image1044×388 22.3 KB

johnny · 2024-12-12T03:15:16.169Z

You can’t use BB Code in the text body. If you want images, consider using the Html Body and using HTML code instead of BB Code.

1theritzy · 2024-12-12T20:49:41.406Z

Johnny, I can’t get it into the correct format.

This is what I was using in the native email that works fine:

This is what I tried to write in HTML but I’m only a no-coder.

Hmmm, I see both formats display here as the jpg but when I paste the HTML format into the Postmark HTML body it does not work.

johnny · 2024-12-13T09:58:40.875Z

You should consult ChatGPT or use an HTML email design tool like Tabular Email to design your email, then use a template in Postmark or paste the HTML code in the Postmark plugin.

avansarelab · 2024-12-13T13:21:06.445Z

We use Postcards by Designmodo to design emails and then paste them into Postmark. There’s a short guide on how to do this, and I suggest you take a look.

1theritzy · 2024-12-13T17:07:41.104Z

Johnny,

Firstly, I want to say a great big heartfelt THANK YOU for you and the other regulars who help out regularly. You all have kind hearts and I truly could not accomplish my dream website without your help! I learn a ton of important info just reading the posts.

Now for the conclusion of my Postmark issue. Great idea to employ chatgtp, exactly what I thought! Oddly, I found that the html code that chatgtp provided worked perfectly here on the forum page but I copied the same html code into the Postmark action and it did not work. I asked for help from zeroqode and they showed me the html fix. A few format changes were necessary but got it done. In moments I am now a no-code HTML coder, just like in the Matrix!

Again, many thanks to you and all others who help out. You make me proud to be here.

Dana

johnny · 2024-12-13T19:07:52.266Z

No problem Happy to help and give back to the Bubble community!