mailgo

mailgo

  • docs
  • demo
  • browser extensions
  • GitHub

›Usage with tel

Installation

  • Installation
  • React / Angular / Vue / Hugo
  • Next.js
  • GatsbyJS
  • TypeScript
  • WordPress
  • Magento 2
  • Browsers support
  • Skypack

Usage with mailto

  • Usage for mailto
  • Cc, bcc, subject, body
  • Keyboard commands
  • Multiple email addresses

Usage with tel

  • Usage for tel
  • Telegram
  • WhatsApp
  • Skype

Configuration

  • Configuration
  • Dark mode

Examples

  • Examples with mailto links
  • Examples with tel links

Style and a11y

  • Style and Accessibility in mailgo
  • Responsive
  • No style

Advanced / Other

  • Direct render
  • Library export(s)
  • Window functions

i18n

  • i18n in mailgo
  • Contribute in mailgo i18n

Browsers extensions

  • Browsers extensions
  • Google Chrome
  • Firefox

By the community

  • Integrations
Edit

Usage for tel

mailgo will substitute automatically all the tel and callto links.

The default options enabled here are the opening in WhatsApp, Skype, default call and copy the phone number. To enable Telegram you have to provide the username to mailgo element, read here. Skype is enabled by default with the phone number, if you want to use the Skype username you can specify it: read this.

Default

By default all the tel: and callto: links will be enabled with mailgo automatically.

tel

<a href="tel:123456789">+39 123456789</a>

+39 123456789

callto

<a href="callto:123456789">+39 123456789</a>

+39 123456789

sms

By default, at the moment, sms is disabled on mailgo, you can enable it through the Configuration, at the moment the render of the modal is the same of the tel, but we are working on a better solution also for text messages.

href=#mailgo and data-tel

You can enable mailgo also on elements with href=#mailgo and data-tel attribute specified.

<a href="#mailgo" data-tel="123456789">+39 123456789</a>

+39 123456789

or

<a href="callto:123456789">+39 123456789</a>

+39 123456789

class=mailgo and data-tel

You can enable mailgo also on elements with class="mailgo" and data-tel attribute specified.

<a class="mailgo" data-tel="123456789">+39 123456789</a>

+39 123456789

or

<a href="callto:123456789">+39 123456789</a>

+39 123456789

SMS body parameter

In sms: mailgo you can also specify a body parameter, that will be present as the body of the message in WhatsApp and Telegram.

<a href="sms:+39 123-456-78?body=text">Send an SMS</a>

Send an SMS

Exclude a single tel/callto

To exclude a single tel/callto link add to the <a> element the class no-mailgo

<a class="no-mailgo" href="tel:123456789">+39 123456789</a>

+39 123456789

data-sms

// TODO

Last updated on 10/21/2020 by Matteo Manzinello
← Multiple email addressesTelegram →
  • Default
    • tel
    • callto
    • sms
  • href=#mailgo and data-tel
  • class=mailgo and data-tel
  • SMS body parameter
  • Exclude a single tel/callto
  • data-sms
mailgo
Docs
InstallationUsage (mailto:)Usage (tel:)ConfigurationExamplesStyle and Accessibilityi18n
Star
Examples
mailgo examplesmailgo Gatsby examplemailgo in create-react-appmailgo Next.js examplemailgo in Vue
More
mailgo Gatsby pluginmailgo WordPress pluginmailgo for Magento 2manzinello/mailgo on PackagistIntegrations by the community
GitHub repositories
mailgomailgo for WordPressmailgo for Magento 2mailgo for Gatsbymailgo Chrome extensionmailgo Firefox addonmailgo examplesmailgo.devmailgo in react-react-appmailgo in Next.jsmailgo in Gatsbymailgo in Vue
Browsers extensions
mailgo Chrome Extensionmailgo Firefox addon
Author
Contact mematteomanzinello.commanzinello.dev
Privacy
Privacy PolicyCookie Policy
mailgo is distributable under the terms of the MIT license, a project by matteo manzinello