How to Create a Mail Button

By Bennett Gavrish

You can design email buttons to add to your Web page using HTML code.
i email simbol image by vladislav susoy from Fotolia.com

HTML, which stands for HyperText Markup Language, is the primary type of coding used to design Web pages. With the "mailto" element in HTML, you can set up a link on your website that will prompt visitors to send an email to a specified address when they click on it. In addition, by connecting your "mailto" element to a small image, you can create an HTML button that will function as an email link.

Step 1

Find the image you want to use for your email button and save it onto your active Web server. Make note of the image's exact file name and location, because you will need to reference it later.

Step 2

Open the HTML code of your Web page in a Web editing application such as Adobe Dreamweaver.

Step 3

Insert your text cursor in the area of the HTML code where you want to add the email button.

Step 4

Type "" into the HTML code.

Step 5

Replace "address@site.com" with the email address you want to use and "http://site.com/images/pic.jpg" with the exact file name and location of the image you found in Step 1.

Step 6

Save your Web page's HTML code. Now when visitors view your page, they will be able to click on the email icon to send a message to the specified address.

×