The menu

Offer an email menu

Give readers a choice of the default email program, Gmail, Outlook.com and Yahoo Mail. The universal menu can show email services only, with the same search, ordering and keyboard controls as the regular share menu.

The code

<div class="ats_kit ats_kit_size_32">
  <a class="ats_btn_email"></a>
  <a class="ats_btn_gmail"></a>
  <a class="ats_btn_outlook"></a>
  <a class="ats_btn_yahoo"></a>
  <a class="ats_dd"></a>
</div>

Limit the menu

menu_type:"mail" filters the universal and quick menus to email services. It bypasses automatic native sharing. It does not convert a separately declared Facebook or X button into email; declare only email buttons when you want an email-only row.

window.ats_config = window.ats_config || {};
window.ats_config.menu_type = "mail";

Order and exclusions still apply

priority and saved preferences can order email providers. services and exclude_services can remove providers. The mail choice sends the link to the reader’s chosen provider; AddToSite does not send an email on their behalf.

Set the subject and body

The title is the default subject and the URL is the body. Use share_url when you need a service-specific template. Keep messages short enough for the mail client.

window.ats_config.share_url = {
  email: "mailto:?subject={title}&body=Read%20this%3A%20{url}"
};

Live demo

Demo ↗

An article worth passing on

Press More to choose an email provider. Email opens the default mail program; webmail providers open their own compose page and may ask the reader to sign in.

Services (4 selected)

Button size

Shape

Behaviour

snippet.htmlOpen in builder ↗

<script>
window.ats_config = window.ats_config || {};
window.ats_config.menu_type = "mail";
window.ats_config.native = false;
window.ats_config.track = false;
window.ats_config.analytics = false;
</script>

<div class="ats_kit ats_kit_size_32">
  <a class="ats_btn_email"></a>
  <a class="ats_btn_gmail"></a>
  <a class="ats_btn_outlook"></a>
  <a class="ats_btn_yahoo"></a>
  <a class="ats_dd"></a>
</div>

<script async src="//static.addtosite.com/widget.js"></script>

Email subject and body Open on a press