Learning about linking an email address on your own website is a practical skill for any site owner, blogger, or small business. A linked email address lets a visitor start a new message with one click or tap, instead of copying text and pasting it into a mail programme. When done well, linking an email address feels effortless for the reader and professional for the site owner. When done badly, it can confuse visitors, attract unwanted automated harvesting, or send messages to the wrong place. This guide explains linking an email address in plain language, using only general patterns described in words, so you can set it up safely on your own site without publishing anyone else’s contact details.
The central idea behind linking an email address is simple: a piece of visible text, such as the words “Email us” or “Contact us”, is turned into a clickable link whose destination is an email action rather than another web page. Behind the scenes, the link uses a special email link type that tells the browser to open the visitor’s default mail programme with a new message ready to compose. You do not need to show the full address in the visible text if you prefer not to, and you do not need to write any code by hand in most modern editors. The editor usually provides a link tool where you choose the email option, enter your own address in a private field, and save. This guide walks through that process step by step, and explains the choices that affect privacy, accessibility, and reliability.
Linking an Email Address: How the Behind-the-Scenes Link Works
To understand linking an email address, it helps to picture two separate parts: what the visitor sees, and what the browser does when the visitor clicks. What the visitor sees is ordinary link text, often underlined and coloured, sitting in a sentence, a button, or a contact section. What the browser does is different from a normal page link. Instead of loading a new page, it hands the request to the mail programme or webmail service that the visitor has set as their default. A blank message window then opens, addressed to the address stored in the link. The visitor can add a subject and a message, check the details, and decide whether to send.
That separation is useful, because it gives you control over both parts independently. You can choose friendly visible text, such as “Send us a message”, while the hidden destination carries your own address. You can also add a suggested subject line behind the scenes, so messages arrive with a helpful label, or leave the subject blank so the visitor can write their own. Most editors support these options through a simple dialogue box, and you should test each option before publishing, because different browsers and mail programmes handle suggested subjects in slightly different ways. The key point about linking an email address is that the visible text and the destination are not the same thing, and keeping them distinct is what makes the technique flexible.
It is also important to understand what linking an email address does not do. It does not send a message by itself, it does not store the visitor’s message on your website, and it does not guarantee that the visitor has a mail programme configured. If a visitor reads your site on a shared computer without a configured mail account, clicking the link may do nothing useful, or may open a setup screen. That is why many site owners pair a linked email address with a contact form or a contact page as a fallback. The link is a convenience, not a complete contact system, and planning for visitors who cannot use it will make your site more welcoming.
Linking an Email Address in a Website Editor
In most website editors, linking an email address follows the same pattern as linking to a page, with one extra choice. First, highlight the text you want to turn into a link, or select a button block if you are using a button instead of inline text. Next, open the link tool, usually shown as a chain or link icon in the toolbar. In the dialogue that appears, look for a link type or destination option, and choose the email option rather than a web page option. The editor will then show a field where you type your own address, using the standard pattern of a local part, followed by the word at spoken aloud, followed by a domain name. Type it carefully, because a single typing error will send messages to the wrong destination or nowhere at all.
After entering your own address, save or apply the link, then preview the page before publishing. In the preview, hover over the link to check that the browser status display shows an email destination rather than a web page, and click it to confirm that a new message window opens correctly. If your editor offers a suggested subject, test that too, and keep the subject short, plain, and free of special characters that might break the link. Avoid adding a long pre-written message body behind the scenes, because visitors often find a pre-filled body intrusive, and long pre-filled text can fail on some devices. A short subject, or no subject at all, is usually the safest choice when you are linking an email address for the first time.
If you are working directly with page code rather than an editor, the same idea applies, but you will set the link destination using the email link type in the code, with your own address as the destination value. Modern editors hide this detail, and most site owners never need to touch it. The important habit is the same in both routes: enter the address once, in the destination field only, and keep the visible text short and descriptive. Never type a full address as visible text and then link it again unless you have a reason to, because that duplicates the information and makes the page harder to read, especially on small screens.
Linking an Email Address on Your Own Website Only
A strict rule for linking an email address is to link only an address that belongs to you or to the organisation whose website you manage. Do not link someone else’s address, do not publish a private individual’s address, and do not copy an address from another site into your own page. If you run a business, link a general business contact address that you control, such as a contact or enquiries address for your own domain, rather than a personal address used for private correspondence. That separation protects your privacy, makes it easier to hand over the site in future, and keeps personal and business messages apart.
Using your own domain for the address is also good practice when you can. An address on your own domain looks more professional than a free webmail address, it survives changes of mail provider more easily, and it reassures visitors that the link genuinely belongs to the site they are reading. If you do not yet have a domain address, set one up through your hosting or domain provider before you publish the link, and test it by sending yourself a message through the link. That test will confirm that the address is active, that messages arrive in the right inbox, and that any spam filtering on your side is not blocking genuine enquiries from your own site.
Ownership also matters for maintenance. Addresses change when people change roles, businesses rebrand, or domains move, and a linked email address that is never checked becomes a dead end for visitors. Put a reminder in your site maintenance routine to test every linked email address at least once a quarter, and update the destination immediately when an address changes. A single outdated link can cost you enquiries for months without any visible error on the page, because the page will still look correct while messages go to an inbox nobody reads. Regular testing is the simplest form of quality control for linking an email address.
Linking an Email Address and Protecting It From Harvesting
The main drawback of linking an email address in the usual way is that automated programmes can read the destination from the page code and collect the address for unwanted mail. This is called harvesting, and it is a real concern for any publicly visible address. You cannot eliminate the risk entirely while keeping a one-click link, but you can reduce it. One common approach is to use a contact form instead of a direct link for your main contact route, and reserve the direct link for places where one-click convenience matters most, such as a small business card section or a press page. A form hides the address from the page code while still letting visitors reach you.
Another approach is to show the address in words rather than as a clickable destination on pages where harvesting is a concern. For example, a contact page might display the address written out in words, with the local part, the spoken word for the separator, and the domain described separately, so human readers can understand it while simple harvesting programmes find it harder to extract. This is a trade-off: it is less convenient than a direct link, and it can be harder for visitors using screen readers or mobile devices. For that reason, many site owners use a form as the primary route and a direct link as a secondary route, giving visitors a choice and balancing convenience against privacy.
Whatever approach you choose, keep your spam filtering and inbox rules in good order, and never publish an address that you are not prepared to receive mail at from strangers. A public address will attract some unwanted mail even with precautions, so use filtering, a dedicated contact address, and a clear policy on what you can answer. If unwanted mail becomes unmanageable, switch the primary route to a form and keep the direct link only on pages where it is truly needed. Linking an email address should serve your visitors, not create a maintenance burden that distracts from running your site.
Linking an Email Address With Accessibility in Mind
Accessibility is often overlooked when linking an email address, yet it makes a large difference to visitors who use screen readers, keyboards, or voice control. The visible link text should describe its purpose, such as “Email our support team” or “Send a message about this article”, rather than a bare instruction like “Click here”. Descriptive text helps screen reader users who navigate by links alone, because they can understand the destination without reading the surrounding paragraph. It also helps all visitors who scan a page quickly, because the purpose is clear at a glance.
Button links deserve the same care. A button that says “Email us” is clear, while a button that shows only an envelope icon may be unclear to visitors who cannot see the icon or who use a screen reader that does not announce it well. If you use an icon, pair it with visible text or a proper accessible label in the editor, and test the button with keyboard navigation to confirm that it can be reached and activated without a mouse. Also check the colour contrast of the link or button against the page background, because low contrast makes links hard to see for visitors with low vision, especially in bright light or on mobile screens.
Finally, always provide a non-link alternative for visitors who cannot use an email link. A contact form, a contact page with written guidance, or a note explaining how to reach you through another channel ensures that nobody is excluded because their device has no configured mail programme. Linking an email address is a convenience feature, and a good contact design treats it as one option among several, not as the only way to get in touch. That inclusive approach also helps visitors on public computers, library machines, and locked-down work devices, where opening a mail programme may not be possible at all.
Testing and Troubleshooting When Linking an Email Address
Before you publish, test linking an email address on at least two devices and two browsers if you can. Click the link on a desktop computer and on a mobile phone, and check that a new message window opens with the correct destination in each case. On a phone, the link may open a mail app rather than a webmail page, which is normal, but the destination should still be correct. If the link opens a blank page or an error, check the destination field in the editor for typing errors, extra spaces, or a missing part of the pattern. The most common errors are a mistyped local part, a mistyped domain, and an accidental space at the start or end of the field.
Also test what happens when the visitor has no mail programme configured, by noting the fallback you provide on the page. A short line near the link, such as a note pointing to your contact form, will save visitors from a dead end. If you use a suggested subject, test it on the same devices, because some mail programmes truncate long subjects or mishandle punctuation. Keep subjects to a few plain words, avoid special symbols, and avoid including personal details in the subject itself. A clean, simple subject is more likely to survive the journey from browser to mail programme intact.
If a link works for you but not for a visitor, ask which device and browser they used, and whether they have a default mail programme set. Many reported failures turn out to be device settings rather than page errors, and a contact form fallback resolves them immediately. Keep a note of the editor steps you used, so you can repeat them consistently across pages, and document the correct destination in your site’s internal notes, not on the public page. Consistent, tested links build trust over time, while a single broken contact link can undermine confidence in the whole site.
| Situation | Best approach for linking an email address | Why it works |
|---|---|---|
| Main contact route on a business site | Contact form as primary route, direct link as secondary | Reduces harvesting while keeping one-click convenience |
| Small site with one owner | Direct link with descriptive text, tested quarterly | Simple to maintain and easy for visitors to use |
| Page where privacy matters most | Address described in words, plus a form | Harder for simple harvesting programmes to extract |
| Visitor on a shared or public computer | Form fallback alongside the link | Works even without a configured mail programme |
| Press or partnership page | Direct link with a short suggested subject | Messages arrive labelled and easy to sort |
Frequently Asked Questions About Linking an Email Address
Does linking an email address send a message automatically? No. Linking an email address only opens a new message window in the visitor’s own mail programme, addressed to the destination you set. The visitor must write, review, and send the message themselves. Nothing is sent when the link is clicked, and nothing is stored on your website by the link itself.
Should the visible text show the full address? Not necessarily. You can use descriptive text such as “Email us” as the visible link, while the address itself lives only in the link destination. That keeps the page tidier, improves accessibility when the text is descriptive, and avoids repeating the address in visible text as well as in the code.
Can I link an email address without showing it to harvesting programmes? You can reduce exposure by using a contact form as the main route, but a direct one-click link will always expose the destination in the page code to some degree. If privacy is your priority, make the form the primary route and use the direct link sparingly, with a dedicated contact address that you can change if needed.
What should I do if the link does not open a mail window? First, check the destination for typing errors and extra spaces, then test on another device. If it still fails, the visitor may have no default mail programme configured. Provide a contact form fallback on the same page, so visitors are never left without a way to reach you.
Conclusion: Linking an Email Address Done Well
Linking an email address well is less about clever technique and more about care: link only your own address, use clear descriptive text, test on real devices, protect the address from harvesting where you can, and always offer a fallback for visitors who cannot use a mail link. Done that way, a simple link becomes a trustworthy part of your site, inviting genuine enquiries without exposing you to unnecessary risk. Keep the destination up to date, review it regularly, and treat it as part of your site’s maintenance, not as a one-time setting. For related website guides, see how to get your own email domain name, how to write an address on mail, and how to address an envelope with a PO box.
