Hledáte způsob, jak usnadnit návštěvníkům webových stránek kontaktování Vás přímo na webu? V tomto článku si ukážeme, jak vytvořit aktivní odkaz na e-mail a umožnit tak návštěvníkům snadné odeslání e-mailové zprávy přímo z webu.
Tento způsob odkazování je velmi oblíbený, i já ho často používám.
Návštěvník pouze klikne na zadanou e-mailou adresu a může začít psát svůj vzkaz.
Při odkazování na svůj e-mail je důležité zadat celou adresu. Nepoužívejte obecné názvy jako „Napište mi na E-mail“, ale raději zobrazte plnou e-mailovou adresu. Někteří uživatelé totiž nemusí být ochotni kliknout na odkaz, který je přesměruje na e-mailový účet. I v případě využití klikacích ikonek, mějte někde na webu viditelnou e-mailou adresu.
Co je to mailto?
- jednoduchý protokol, který umožňuje uživatelům vytvářet odkazy na e-mailové adresy
- používá se v HTML kódu a umožňuje uživatelům kliknout na odkaz a otevřít e-mailového klienta
- syntaxe mailto odkazu vypadá takto: „mailto:vas-email@domena.cz. Když uživatel klikne na tento odkaz, otevře se nová zpráva v e-mailovém klientovi s předvyplněnou adresou příjemce.
↑ příklad použití v DIVI builderu, v jiných editorech to vypadá podobně
Tabulka jednotlivých funkcí
Kromě jednoduchého odkazování na e-mailovou adresu pomocí mailto:, můžeme využít další pokročilé funkce pro nastavení konkrétních požadavků v e-mailu. Tyto funkce umožňují předem nastavit například předmět e-mailu, více adresátů, předvyplněný obsah a další údaje.
| Funkce | Použijeme | HTML kód |
|---|---|---|
| Jednoduchý odkaz | mailto: | <a href="mailto:vas-email@gmail.com">vas-email@gmail.com</a> |
| Nastavení předmětu | ?subject= | <a href="mailto:vas-email@gmail.com?subject=Předmět">vas-email@gmail.com</a> |
| Více adresátů | Oddělujeme čárkou | <a href="mailto:vas-email@gmail.com,druhy-email@gmail.com">Napsat e-mail</a> |
| Obsah zprávy | ?body= | <a href="mailto:vas-email@gmail.com?body=Obsah zprávy">vas-email@gmail.com</a> |
| Kopie zprávy | ?cc= | <a href="mailto:vas-email@gmail.com?cc=email.prokopii@gmail.com">vas-email@gmail.com</a> |
| Skrytá kopie | ?bcc= | <a href="mailto:vas-email@gmail.com?bcc=skryta.kopie@gmail.com">vas-email@gmail.com</a> |
| Kopie + skrytá kopie | Oddělujeme znakem & | <a href="mailto:vas-email@gmail.com?cc=email.prokopii@gmail.com&bcc=skryta.kopie@gmail.com">vas-email@gmail.com</a> |
Ke stažení - Infografika Aktivní odkaz pro E-mail
