Jak odesílat e-maily z HTML stránky

E‑mailový odkaz je užitečným doplňkem téměř každého webu – umožní návštěvníkům snadno poslat dotaz či zpětnou vazbu majiteli stránky. Přidat takový odkaz nebo formulář na HTML stránku není tak složité, jak by se mohlo zdát.

Použití odkazu mailto:

Krok 1

Rozhodněte se, na kterou e‑mailovou adresu chcete zprávy z webu přijímat.

Krok 2

Vytvořte HTML stránku, ze které budou uživatelé moci odeslat e‑mail.

Krok 3

Přidejte značku <a> s atributem href="mailto:vaše@email.com". Vypadá to například takto:

<a href="mailto:vas@email.com">Kontaktujte mě</a>

Krok 4

Vložte vybranou e‑mailovou adresu do atributu href a jako text odkazu zadejte libovolný popisek, např. „Kontaktujte mě“. Po nahrání stránky na server mohou návštěvníci kliknutím na odkaz otevřít svůj e‑mailový klient a zprávu odeslat.

Použití formuláře

Krok 1

Vytvořte HTML formulář (např. v editoru DreamWeaver, Nvu nebo ručně), který bude obsahovat pole, jež chcete od uživatelů sbírat – jméno, e‑mail, zprávu apod.

Krok 2

Každému <input> a <textarea> přiřaďte vhodný atribut name (nebo value), aby bylo po odeslání jasné, co která hodnota představuje.

Krok 3

Najděte nebo vytvořte skript pro odesílání formuláře (CGI, PHP, atd.). Většina hostingů nabízí připravené skripty, případně můžete použít volně dostupný skript z Internetu a upravit jej – hlavně nastavte e‑mailovou adresu, na kterou mají být zprávy doručeny.

Krok 4

U atributu action ve značce <form> uveďte cestu k tomuto skriptu a jako metodu použijte post (nebo get podle instrukcí skriptu).

Krok 5

Přidejte případné skryté vstupy (type="hidden") a další pole požadovaná skriptem.

Krok 6

Nahrajte HTML soubor i skript na server, ujistěte se, že cesta v atributu action ukazuje na správné místo.

Otestujte odeslání formuláře – po odeslání by měla na vámi zadanou adresu dorazit testovací zpráva.