If you want to add a clickable email address to any body of text on Elev8GlassGallery.com (BigC) or any of our other websites, then you will need to use HTML5’s “mailto:” function. This creates an email link that, when clicked, will open the user’s default email app. The function will take the user to a new blank email with the target recipient address already filled in.
BigCommerce has the ‘mailto:’ function integrated into its ‘Link’ menu when using the WYSIWYG editor, but it’s not immediately obvious how to use it. Here’s how you can create a clickable link in BigCommerce’s WYSIWYG:
- Highlight the email address that you want to turn into a clickable link.
- Click the ‘Insert/Edit Link’ icon on the editor menu. It looks like a small section of a chain. Wait for the Insert/Edit Link menu to open (it takes a while sometimes).
- In the Link URL field, type “mailto: insertemail@here.com” (remove the quotation marks and replace ‘insertemail@here.com’ with the actual email address you are using).
- Click the ‘Insert’ button at the bottom-left corner of the popup window.
- Click ‘Save’ at the bottom-right corner of the Edit a Product page.
This essentially works the same way on WordPress. If all else fails, you can also just use the following HTML code to accomplish the same thing (don’t remove the quotation marks from this though!):
<a href=”mailto:insertemail@here.com”>insertemail@here.com</a>
Note that you don’t necessarily have to write out the email address in the link. You could add an email hyperlink to a piece of text that says “Click here to email us!” but it’s considered good practice to write out the email address as well because ‘mailto:’ can be buggy on some devices, and some users would prefer to copy and paste the address which they cannot do if we only provide a link that says ‘Click here to email us!”.
If done correctly, you should end up with a link that looks something like this:
And if you click the link you should be taken to something like this:
