Skip to main content

Set up a mailto: link to launch the user's email app

Learn how to set up mailto: links in Studio.Design. We'll also cover customization options like adding CC and BCC recipients, pre-filling the subject and body, and tips for reducing spam.

Tip: A mailto: link is a special type of link that, when clicked, opens the user's default email app and starts a new message.

How to set up a mailto: link

  1. In the Design Editor, select the text or button you want to turn into an email link.
    Example of how to add a button: Left panel [Add] tab > [Parts] tab > Button [Show all]​

  2. Open the [Settings] tab in the right panel. If the right panel is closed, open it first.

  3. In the [Link] field, enter the email address using the following format:

    mailto:info@example.com
    Replace the email address portion (info@example.com) with the email address you want to use.

  4. Update your site. Your changes won't go live until you update it.

  5. In Preview mode or on your published page, click the link to make sure your email app opens with a new message addressed to the email address you set.

Customizing your mailto: link

You can customize your mailto: link by adding extra code. Here are some examples.

Setting CC, BCC, subject, and body

  • To add a CC or BCC

    Example: mailto:info@example.com?cc=cc@example.com&bcc=bcc@example.com

  • To pre-fill the subject line or body

    Example: mailto:info@example.com?subject=Inquiry&body=Please write your message here.

  • To add a line break in the body

    Example: mailto:info@example.com?body=Line 1%0D%0ALine 2

Protecting against spam

Replacing the @ (at sign) in your email address with the character reference @ can help prevent your address from being collected by automated bots.

Example: mailto:info@example.com

Did this answer your question?