Mailto

A help forum user asked:

"I want to add an email button which shares my website link. How can I do this?"

Below is a HTML/CSS button that links to:

"mailto:?subject=Look at this website&body=Hi, I found this website and thought you might like it - https://newsitesguide.pjrprojects.co.uk"

(Unfortunately adding it as a simple link does not seem to work in Sites. At the time of writing this has been identified as a bug which should be fixed one day)

Below is the full html embed code I used. Details of how to style CSS buttons can be found here https://www.w3schools.com/css/css3_buttons.asp

<!DOCTYPE html>

<html>

<head>

<style>

.button {

background-color: #f44336;

border-radius: 12px;

border: none;

color: white;

padding: 15px 32px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 16px;

margin: 4px 2px;

cursor: pointer;

box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

</style>

</head>

<body>

<a href="mailto:?subject=Look at this website&body=Hi, I found this website and thought you might like it - https://newsitesguide.pjrprojects.co.uk" class="button">Share Site</a>

</body>

</html>