How do I add clickable email & phone number links

How to add clickable email, phone, and SMS links to elements in Framer.

  1. Select the element you want to link.

  2. In the right properties panel, click the + icon next to Link.

  3. Enter mailto: followed by your email address in the Link To field, then press Enter.

Mailto: followed by your email address
  1. Select the element you want to link.

  2. In the right properties panel, click the + icon next to Link.

  3. Enter tel: followed by your phone number in the Link To field, then press Enter.

Tel: followed by your phone number.
  1. Select the element you want to link.

  2. In the right properties panel, click the + icon next to Link.

  3. Enter sms: followed by your phone number in the Link To field, then press Enter.

Sms: followed by your phone number.

Important note

These links may not work in preview mode. You’ll need to publish your site to test their functionality.

FAQ

Lesson FAQ

  • How do I add a clickable email link in Framer?

    Select the element you want to link. In the right properties panel, click the + icon next to Link. Enter mailto: followed by your email address in the Link To field, then press Enter.

  • How can I make a phone number clickable so it initiates a call in Framer?

    Select the element you want to link. In the right properties panel, click the + icon next to Link. Enter tel: followed by your phone number in the Link To field, then press Enter.

  • Why aren’t my email or phone links working in preview mode?

    These links may not work in preview mode. You’ll need to publish your site to test their functionality.

Updated