Can Visitors to my Portfolio click on the Email Icon and Send me an Email

[boodieroneil]

If I wanted to have visitors come to my portfolio website and click on my email Icon to send me an email, how can I do that.

I do not want to have the users sign up, it can be any random visitor to the site that want’s to contact me.

Is it possible to have them click the email icon on my page and it opens up their own internal email application to then send me an email with my email populated in the send field already?
Images Attached
Bubble Editor:

Action done when clicked on an email Icon Example

Reminder, I do not want visitors to have to sign up for this to work. If a potential employer wants to send me an email they can reach out to me that way.

[draked123]

Hello!

I think I can help with this.
An idea to keep it “no-code” would be to build a form they can fill out on your page, and just send yourself an email with the send email function when they press submit! Don’t forget to ask them for their email though, and send it to yourself.

---

You could also just as easily use a “link” element type, change it to external, and just use this web URL:
mailto:[EMAIL HERE]

In the element, you can use an envelope with Font Awesome:

[msgiblin]

Hi there,

I can think of several ways to approach this:

1. If you want to use your own app: setup your Sendgrid account and then set up the SendGrid API Key in the Settings page: ‘Domain / email’ and then create an email template. Set it up so when the email button is clicked, a Form is shown, and upon clicking ‘submit’ the data is applied to the template and emailed out.

2. Much simpler but easier for spammers to harvest your email address: Add a link element, and set its URL to mailto:someone@example.com . Having the ‘mailto’ prefix will cause the user’s default email program to launch when they click it.

[boodieroneil]

Thank you for this response. Is there a way to use the visitor’s own mail application system to send an email to me personally?

[msgiblin]

Option #2 above!

[boodieroneil]

This worked but how can i get the element to be big as the other icons in my group. When I size it is just giving the space size not the element within.

Image here:

[davidb]

Be sure you’re adjusting the size of the icon element (i.e., not the size of the group element that contains it).

BTW, the mailto protocol includes a few parameters you can use to customize the initial draft your users start with. Use https://mailtolink.me/ to craft your link.