Jak vytvořit tlačítko pro e‑mail

Co je mailto a jak funguje

HTML (HyperText Markup Language) je základní jazyk pro tvorbu webových stránek. Pomocí elementu mailto můžete vytvořit odkaz, který po kliknutí otevře výchozí e‑mailový klient návštěvníka a připraví zprávu na zadanou adresu. Když tento odkaz spojíte s obrázkem, získáte funkční tlačítko pro odeslání e‑mailu.

Postup vytvoření tlačítka

Krok 1 – připravte obrázek

Vyberte obrázek, který bude sloužit jako tlačítko (např. ikonu obálky). Nahrajte jej na svůj webový server a poznamenajte si přesnou cestu a název souboru, například https://example.com/obrazky/email.png.

Krok 2 – otevřete HTML soubor

Otevřete kód stránky v editoru (např. Adobe Dreamweaver, VS Code nebo jiném HTML editoru).

Krok 3 – umístěte kurzor

Umístěte kurzor na místo v kódu, kde chcete tlačítko zobrazit.

Krok 4 – vložte odkaz

Do HTML vložte následující řádek:

<a href="mailto:adresa@domena.com"><img src="https://example.com/obrazky/email.png" alt="Pošlete nám e‑mail"></a>

Krok 5 – upravte hodnoty

Vyměňte adresa@domena.com za skutečnou e‑mailovou adresu a https://example.com/obrazky/email.png za cestu k vašemu obrázku.

Krok 6 – uložte změny

Uložte soubor a načtěte stránku v prohlížeči. Po kliknutí na ikonu se otevře e‑mailový klient s předvyplněnou adresou.