Hi! What’s the easiest way to add a button to an email sent from Bubble that send people to a dynamic hyperlink (a fixed part and a “token” part at the end of the URL)?
I thought about some options:
Using HTML to build the button --> Not HTML is allowed
Using a image faking a button --> Images cannot be linked to a URL (to send to a website when clicking on it)
I’d like to avoiding the complexity of 3rd party tools (Sendgrid, Sendinblue), and also I think those tools don’t allow to create a dynamic hyperlink, right?
I would recommend using a 3rd party service. Sending emails is not as simple as you think. Or let me rephrase: sending is easy - making sure they are received and tracking this is the hard part. We have used sendgrid with an html template where the token is sent via the api call from bubble. Works perfectly
Is there any chance you could show your work flow for this?
I have a sendgrid account hooked up to my app, it has an HTML template but I have absolutely no idea how to integrate buttons within that - did you follow any guides when configuring yours?
-any advice would be greatly appreciated!
I have a placeholder holding the Bubble ID that I want appended to the URL of the button in the email. This is -inspection_id- (see below). When I make the call to Sendgrid from Bubble, I put this in the “substitutions”:
“-inspection_id-”:“thing_in_bubble’s unique_id”
this is super though I think i may be a quite bit further behind in setting this up than I thought.
With your sendgrid API key - are you inserting it in the ‘settings → domain & email → email settings’ section or are you adding it straight to the ‘Send Emails with Sendgrid’ plugin page?
I believe @soeren may have setup a custom API connection (via free API Connector plugin) and that body is a single dynamic value that’s sent after filling in the dynamic variables during that workflow.
This screenshot may help you get started. I am using a custom API connection to add new users to my SendGrid campaign lists (I have more connections, such as editing contact info and removing people from lists). It’s a matter of diving into the API documentation (Authentication | Twilio) and testing with custom variables:
Also, how are you triggering the workflow within the bubble workflow editor?
Within plugins I can’t seem to find an option for the new sendgrid setup or Bubble API Connector
Lastly,What is your setup like on the sendgrid side?
How are you defining which sendgrid template to use?
Apologies but very new to using APIs - thank you so much for all your help.
You should not put HTTP/1.1 in the POST URL, that is giving you the 404 error.
The workflow is triggered in by adding an action from Plugin-> Send_mail
On the Sendgrid side, I have defined a Transactional template, pasted my html code for the email in there (including the placeholder tags like -inspection_id-) and this template has an id that is one of the parameters in the JSON post made from Bubble.
This was a bit brief - let me know if you have more questions.
Okay,
So i have managed to configure it so I can send emails from bubble through sendgrid and it brings up the template!
however, Im a little confused to how sendgrid works. Ive been reading up on their API and so within bubble - I have this as my email setup
When I trigger the email, the test image appears, %body% becomes testworld, which is great, but how do I send reference the button to cause an action (ideally as a navaigation back to bubble which will also alter a field for the user allowing me to trigger a new workflow?)
I cant seem to find it anywhere in their docs
