{"id":1075121,"date":"2023-01-05T15:41:12","date_gmt":"2023-01-05T15:41:12","guid":{"rendered":"https:\/\/rankmath.com\/?p=1075121"},"modified":"2025-12-30T03:39:52","modified_gmt":"2025-12-30T03:39:52","slug":"email-links-in-wordpress","status":"publish","type":"post","link":"https:\/\/rankmath.com\/fr\/blog\/email-links-in-wordpress\/","title":{"rendered":"Comment cr\u00e9er facilement des liens e-mail dans WordPress"},"content":{"rendered":"<p>When you build your website, making it easy for visitors to reach you is essential. Sometimes, you\u2019ll want to share your email address so people can contact you directly. <\/p>\n\n\n\n<p>The easiest way to do this is by creating email links in WordPress, no coding required, or by using simple HTML.<\/p>\n\n\n\n<p>Dans cet article, nous vous montrerons comment cr\u00e9er des liens de messagerie dans WordPress et vous donnerons des exemples de ce \u00e0 quoi vos liens pourraient ressembler.<\/p>\n\n\n\n<!--more-->\n\n\n\n<div id=\"toc\">\n    <h2 id=\"table-of-contents\">Table des mati\u00e8res<\/h2>\n    <ol>\n        <li>\n            <a href=\"#how-to\">How to Create Email Links in WordPress<\/a>\n            <ul>\n                <li><a href=\"#link\">Creating a Link to an Email Address in WordPress<\/a><\/li>\n                <li><a href=\"#manually\">Manually Add an Email Link in WordPress Using HTML<\/a><\/li>\n            <\/ul>\n        <\/li>\n\n        <li>\n            <a href=\"#why\">What to Consider Before Adding Email Links in WordPress?<\/a>\n            <ul>\n                <li><a href=\"#spam\">Invites More Spam<\/a><\/li>\n                <li><a href=\"#complications\">Complications When Sending Email<\/a><\/li>\n            <\/ul>\n        <\/li>\n\n        <li><a href=\"#conclusion\">Conclusion<\/a><\/li>\n    <\/ol>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to\"><span class=\"number\">1<\/span>  How to Create Email Links in WordPress<\/h2>\n\n\n\n<p>Creating email links in WordPress is easier than you might think. You can either use the post editor or write a bit of HTML. We\u2019ll walk you through both methods so you can choose the one that works best for you.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"link\"><span class=\"number\">1.1<\/span>  Creating a Link to an Email Address in WordPress<\/h3>\n\n\n\n<p>Adding a link to an email address is similar to <a href=\"https:\/\/rankmath.com\/kb\/link-controls\/\">adding other regular links<\/a> in WordPress. While adding links, you&#8217;d use <code>http:\/\/<\/code> ou<code> https:\/\/<\/code> followed by the remaining URL. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"2560\" height=\"887\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/01\/add-link-scaled.jpg\" alt=\"Adding links in WordPress\" class=\"wp-image-1605604\" style=\"width:900px\" \/><\/figure>\n\n\n\n<p>To create mail links, instead of using <code><strong>http:\/\/<\/strong><\/code> you&#8217;ll have to use <code><strong>mailto:<\/strong><\/code>. When a visitor clicks on the <code>mailto:<\/code>, a new compose email window pops up instead of a website link.&nbsp;<\/p>\n\n\n\n<p>To add email links in WordPress, select the text for which you want to add the link, and then click on the <strong>Lien<\/strong> ic\u00f4ne, comme indiqu\u00e9 ci-dessous.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"2560\" height=\"1100\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/01\/link-scaled.jpg\" alt=\"Add email links in WordPress\" class=\"wp-image-1605607\" style=\"width:900px\" \/><\/figure>\n\n\n\n<p>This will bring up the insert link popup where you can add your <code>mailto<\/code> link. For instance: <code>mailto: support@rankmath.com<\/code>. Replace the email with your accurate email.<\/p>\n\n\n\n<p> Click on the enter button to close the insert link popup, as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"2560\" height=\"1227\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/01\/mail-to-scaled.jpg\" alt=\"Add email link\" class=\"wp-image-1605608\" style=\"width:900px\" \/><\/figure>\n\n\n\n<p>And that&#8217;s it! The visitors can now contact you when they click the email link.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"manually\"><span class=\"number\">1.2<\/span>  Manually Add an Email Link in WordPress Using HTML<\/h3>\n\n\n\n<p>If you want to add an email link in a text widget or a WordPress theme file, you&#8217;ll need to add a link by writing the HTML.<\/p>\n\n\n\n<p>For instance, you&#8217;ll have to add the following code to your post to add an email link. Replace the email with your email.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=&quot;mailto:support@rankmath.com&quot;&gt;Nous contacter&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>You can add the email link by navigating to your post. Click on the &#8216;<strong>+<\/strong>&#8216; icon to add a <strong>HTML personnalis\u00e9<\/strong> block, as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"2560\" height=\"1292\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/01\/custom-html-scaled.jpg\" alt=\"add email link\" class=\"wp-image-1605609\" style=\"width:900px\" \/><\/figure>\n\n\n\n<p>Add the HTML code as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"2560\" height=\"805\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/01\/add-code-scaled.jpg\" alt=\"Add HTML code\" class=\"wp-image-1605610\" style=\"width:900px\" \/><\/figure>\n\n\n\n<p>Once done, <strong>Save\/Publish <\/strong>your post. And there you go! Your email link will be added to your post, and visitors can contact you without hassle.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"2560\" height=\"720\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/01\/contact-link-scaled.jpg\" alt=\"email link added\" class=\"wp-image-1605611\" style=\"width:900px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why\"><span class=\"number\">2<\/span>  What to Consider Before Adding Email Links in WordPress?<\/h2>\n\n\n\n<p>Before you add email links to your WordPress posts or pages, it\u2019s important to know some potential issues.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"spam\"><span class=\"number\">2.1<\/span>  Invites More Spam<\/h3>\n\n\n\n<p>Sharing your email address openly can attract spam. Hackers often scrape websites to send phishing emails or malware.<\/p>\n\n\n\n<p>To combat this, you can use email encoder plugins. Email encoding plugins such as <a href=\"https:\/\/wordpress.org\/plugins\/email-address-encoder\/\" target=\"_blank\" rel=\"noopener\">Email Address Encoder<\/a>, help you stay one step ahead of spammers because they constantly change tactics.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"complications\"><span class=\"number\">2.2<\/span>  Complications When Sending Email<\/h3>\n\n\n\n<p>Email links rely on the visitor\u2019s default email app. For example, if someone uses Outlook, clicking the link opens a new Outlook message.<\/p>\n\n\n\n<p>If a visitor has multiple email accounts saved, the <code>mailto:<\/code> link might use the wrong account, which can cause confusion or misdirected messages. You can use a contact form on your site to capture emails.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\"><span class=\"number\">3<\/span>  Conclusion<\/h2>\n\n\n\n<p>Giving your visitors a way to contact you is essential, but email links aren\u2019t always the best choice. A contact form can be safer, easier, and more reliable. Either way, making it simple for visitors to reach you can boost customer relations and open up new opportunities.<\/p>\n\n\n\n<p>What anti-spam tools do you use on your site? Have you found that adding a contact form or email link increases visitor engagement? Let us know by&nbsp;<a href=\"https:\/\/twitter.com\/rankmathseo\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>en tweetant @rankmathseo.<\/strong><\/a>&nbsp;\ud83d\udcac<\/p>","protected":false},"excerpt":{"rendered":"<p>When you build your website, making it easy for visitors to reach you is essential. Sometimes, you\u2019ll want to share your email address so people can contact you directly. The easiest way to do this is by creating email links in WordPress, no coding required, or by using simple HTML. In this post, we&#8217;ll show [&hellip;]<\/p>","protected":false},"author":37,"featured_media":1119298,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[136],"tags":[],"class_list":{"0":"post-1075121","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wp-tutorials"},"_links":{"self":[{"href":"https:\/\/rankmath.com\/fr\/wp-json\/wp\/v2\/posts\/1075121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rankmath.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rankmath.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rankmath.com\/fr\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/rankmath.com\/fr\/wp-json\/wp\/v2\/comments?post=1075121"}],"version-history":[{"count":10,"href":"https:\/\/rankmath.com\/fr\/wp-json\/wp\/v2\/posts\/1075121\/revisions"}],"predecessor-version":[{"id":1674509,"href":"https:\/\/rankmath.com\/fr\/wp-json\/wp\/v2\/posts\/1075121\/revisions\/1674509"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rankmath.com\/fr\/wp-json\/wp\/v2\/media\/1119298"}],"wp:attachment":[{"href":"https:\/\/rankmath.com\/fr\/wp-json\/wp\/v2\/media?parent=1075121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rankmath.com\/fr\/wp-json\/wp\/v2\/categories?post=1075121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rankmath.com\/fr\/wp-json\/wp\/v2\/tags?post=1075121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}