mailtoui
mailtoui copied to clipboard
A simple way to enhance your mailto links with a convenient user interface.
A simple way to enhance your mailto links with a convenient user interface.
Introduction
MailtoUI is a JavaScript library that enhances your mailto links with a convenient user interface. It gives your users the flexibility to compose a new message using a browser-based email client or their default local email app.
MailtoUI is ideal for static sites or any other site where you don't want to spend time setting up a "Contact Us" form solution.
Quick Setup
STEP 1
Add MailtoUI via CDN to the bottom of your page, just before the closing </body>
tag.
IMPORTANT: Be sure to replace [version]
with the latest version number.
<body>
...
...
<script src="https://cdn.jsdelivr.net/npm/mailtoui@[version]/dist/mailtoui-min.js"></script>
</body>
STEP 2
Attach your mailto link to MailtoUI by adding the class mailtoui
to the <a>
tag.
<a class="mailtoui" href="mailto:[email protected]">Contact Tony</a>
That's it! Your mailto link is now using MailtoUI. Refresh your page and try it out.
Documentation
For full documentation, visit mailtoui.com.
Contributing
If you're interested in contributing to MailtoUI, please follow the directions in the contributing docs before working on a pull request.