Adding Email/Phone Link to Text or Button

Adding Email/Phone Link to Text or Button

Link a Button or Line of Text to Send an Email


When your audience is on your website, you want to make it as easy as possible for them to contact you. 

One of the best ways to do this is to link a clickable button or some text to send an email directly to you or your office. 

This Video will show you exactly how to edit a button or line of text to make it a link to your email address. 

You will also learn how to edit the button or text so it will automatically fill in the subject line and/or a short message, making it as seamless as possible for your audience to reach you. 

Video



Step By Step

1. Open Visual Builder
  • Log in to the backend of the website.
  • Navigate to the front end.
  • Enable the Visual Builder using the displayed bar for logged-in users.
2. Add Button
  • Hover over the desired text.
  • Click the "+" button.
  • Choose "Button" and adjust its placement.
3. Add Email Link to Button
  • In the button's content settings, find the link dropdown.
  • Type or select "mail."
  • Add the email address after "mailto:" (e.g., mailto:pastor).
  • Click the check button to confirm.
4. Add Phone Link to Button
  • Click the button's settings.
  • Navigate to the link settings.
  • Delete any existing text.
  • Type "tel:" followed by the phone number with no spaces (e.g., tel:1234567890).
  • Save changes.
5. Add Phone Link to Text
  • Click the text settings.
  • Highlight the text.
  • Click the link button.
  • Type "tel:" followed by the phone number with no spaces.
  • Save changes.
6. Add Email Link to Text
  • Click the text settings.
  • Highlight the text.
  • Click the link button.
  • Type "mailto:" followed by the email address (e.g., mailto:pastor).
  • Save changes.
7. Adjust Link Styling (Optional)
  • If desired, change link styling such as color.
8. Save and Exit
  • Save changes.
  • Exit the Visual Builder.
9. Verify Links
  • Test the button to ensure it triggers the intended email.
  • Test the linked text to ensure it initiates the correct phone call or email.


More

To automatically add a subject to the email:
      5a. Following the email address, type "?&subect=" followed by your desired subject line
      5b. Example: mailto:pastor@mychuch.com?Contact
      5c. This will link the button to send an email with the subject "Contact" to pastor@mychurch.com
      5d. To add a subject with multiple words, type a "%20" in between each word where you want a space
      5e. Example: mailto:pastor@mychuch.com?Contact%20Us​