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​

    • Related Articles

    • Change link color on website

      This video provides a concise walkthrough on how to change the link color on a website's backend settings, ensuring clarity and effective visual presentation. Video Step-By_Step Access Backend and Settings Log in to the backend of the website. Select ...

    • How To Make Simple Edits To Your Website with Tent Apps

      With Tent Apps you get 1 hour of support per month, so if you have any changes you want made to your website, we are always here to help. However, if you're just looking to change a word or two, or maybe make make a section a little bigger, making ...

    • Adding / Embedding Facebook Videos into your Sermon Manager

      Here is a quick tutorial on how to embed your Facebook Videos into your individual sermons through your Sermon Manager on your website. Summary Open the Facebook Video on Facebook Right Click and Show Video URL Copy Video URL Now in Your sermon ...

    • How to Edit Text and Font on Your Tent Apps Website

      Log in to your Tent Apps website Navigate to the page with the text you want to edit Click "Enable Visual Builder" Hover over the text you want to edit Click the Module Settings wheel in the black box that appears Once the Text Module Setting box ...

    • Adding Subscribers or Importing Mailing List for Church Newsletters

      Importing Mailing List To Church Newsletter Accessing Tent Apps Dashboard: Log in to the Tent Apps dashboard using your credentials. 2. Navigating to Subscribers: Hover over the "Newsletters" tab in the dashboard. Click on "Subscribers" in the ...