How to add an menu email link in WordPress

Email menu link WordPress

Having a menu email link on your WordPress site is an awesome way for people to quickly get in touch with you without having to fill out a contact form or face reCAPTCHA challenges.

While adding an email link in your menu is easy, it’s very important to note that you have to actually protect that link against email harvesters. You don’t want to get your inbox filled with spam. For this purpose I recommend using this plugin¬†as it will help for other parts of your site as well.

Let’s get started and see how it’s done.

Step 1: Create your menu email link

Go to Apperance > Menus and create a mailto link from the Custom Links section. Assign it to your menu once you’re done.menu email link

Step 2 (optional): Add an icon to your email link

To add an envelope icon next to your menu email link, we are first going to set a class to that menu item and then add apply some CSS styling to it.How to assign a CSS class to a menu item
Once that is done, navigate to Appearance > Customize > Additional CSS and add this code:

.email-menu > a::before {
  content: '\2709';
  margin-right: 3px;
  font-weight: 400;
  font-size: 16px; /* Adjust the font size if you need */
}

Subscribe for helpful tips and release info.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.