Slovník tvorby webů a online marketingových pojmů

Kontaktní formulář

Co je to kontaktní formulář?

Kontaktní formulář je online nástroj, který umožňuje návštěvníkům webových stránek snadno a rychle kontaktovat správce webu, zákaznickou podporu nebo jakoukoli jinou relevantní osobu nebo oddělení. Kontaktní formulář je často umístěn na stránce „Kontakt“ nebo v zápatí webu a poskytuje pohodlný způsob komunikace bez nutnosti opustit stránku.

Výhody použití kontaktního formuláře

Zlepšení uživatelské zkušenosti

Kontaktní formulář zjednodušuje proces komunikace pro uživatele, kteří nemusí hledat e-mailové adresy nebo telefonní čísla. Místo toho mohou jednoduše vyplnit formulář a odeslat zprávu přímo z webu.

Ochrana proti spamu

Kontaktní formuláře mohou pomoci chránit vaši e-mailovou adresu před spamboty, kteří prohledávají webové stránky a shromažďují e-mailové adresy pro zasílání nevyžádané pošty. Formuláře mohou obsahovat ochranné prvky, jako jsou CAPTCHA, které brání automatizovaným útokům.

Organizace a správa zpráv

Kontaktní formuláře mohou automaticky směrovat zprávy do specifických e-mailových schránek nebo CRM systémů, což usnadňuje organizaci a správu příchozích zpráv. To umožňuje rychlejší a efektivnější reakce na dotazy.

Shromažďování specifických informací

Kontaktní formuláře umožňují shromažďovat specifické informace od uživatelů prostřednictvím přizpůsobených polí. Můžete například požadovat jméno, e-mailovou adresu, telefonní číslo, předmět zprávy a podrobnosti o dotazu.

Základní prvky kontaktního formuláře

Pole formuláře

Každý kontaktní formulář by měl obsahovat několik základních polí, která umožňují uživatelům poskytnout potřebné informace:

  • Jméno: Pole pro jméno odesílatele.
  • E-mail: Pole pro e-mailovou adresu odesílatele.
  • Telefonní číslo: Volitelné pole pro telefonní číslo odesílatele.
  • Předmět: Pole pro předmět zprávy.
  • Zpráva: Textové pole pro samotnou zprávu nebo dotaz.

Tlačítko odeslat

Formulář by měl obsahovat tlačítko „Odeslat“ nebo „Submit“, které umožňuje uživatelům odeslat vyplněný formulář. Po kliknutí na toto tlačítko by měl být formulář zpracován a zpráva odeslána na určenou e-mailovou adresu nebo do CRM systému.

Potvrzení a zpětná vazba

Po odeslání formuláře by měl uživatel obdržet potvrzení, že jeho zpráva byla úspěšně odeslána. Toto potvrzení může být zobrazeno na obrazovce nebo odesláno e-mailem. Poskytnutí zpětné vazby zvyšuje důvěru uživatelů a zajišťuje, že vědí o úspěšném odeslání zprávy.

Ochrana proti spamu

Aby se zabránilo zneužití kontaktního formuláře, je důležité implementovat ochranné prvky, jako jsou CAPTCHA nebo reCAPTCHA, které pomáhají odhalit a blokovat automatizované útoky.

Příklad jednoduchého kontaktního formuláře v HTML

<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<title>Kontaktní formulář</title>
</head>
<body>
<h2>Kontaktujte nás</h2>
<form action="odeslat_formular.php" method="post">
<label for="name">Jméno:</label><br>
<input type="text" id="name" name="name" required><br><br>

<label for="email">E-mail:</label><br>
<input type="email" id="email" name="email" required><br><br>

<label for="phone">Telefonní číslo:</label><br>
<input type="tel" id="phone" name="phone"><br><br>

<label for="subject">Předmět:</label><br>
<input type="text" id="subject" name="subject" required><br><br>

<label for="message">Zpráva:</label><br>
<textarea id="message" name="message" rows="4" cols="50" required></textarea><br><br>

<button type="submit">Odeslat</button>
</form>
</body>
</html>

Zpracování formuláře na straně serveru v PHP

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$name = htmlspecialchars($_POST['name']);
$email = htmlspecialchars($_POST['email']);
$phone = htmlspecialchars($_POST['phone']);
$subject = htmlspecialchars($_POST['subject']);
$message = htmlspecialchars($_POST['message']);

$to = "vasemail@domena.cz";
$headers = "From: $email" . "\r\n" .
"Reply-To: $email" . "\r\n" .
"X-Mailer: PHP/" . phpversion();

$full_message = "Jméno: $name\nEmail: $email\nTelefonní číslo: $phone\nPředmět: $subject\nZpráva:\n$message";

if (mail($to, $subject, $full_message, $headers)) {
echo "Zpráva byla úspěšně odeslána.";
} else {
echo "Došlo k chybě při odesílání zprávy.";
}
}
?>

Bezpečnostní opatření

Ochrana proti XSS a SQL Injection

Při zpracování dat z formuláře je důležité zajistit ochranu proti XSS (Cross-Site Scripting) a SQL Injection útokům. Toho lze dosáhnout pomocí funkcí jako htmlspecialchars() a správným použitím připravených dotazů při práci s databázemi.

Validace vstupu

Vstupní data by měla být validována jak na straně klienta (pomocí HTML5 atributů a JavaScriptu), tak na straně serveru. To zajišťuje, že data jsou ve správném formátu a splňují požadované podmínky.

Ochrana proti spamu

Implementace CAPTCHA nebo reCAPTCHA pomáhá chránit formulář před automatizovanými útoky a spamovými zprávami.

Závěr

Kontaktní formulář je klíčovým nástrojem pro umožnění snadné komunikace mezi návštěvníky webových stránek a provozovateli webu. Správně navržený kontaktní formulář zlepšuje uživatelskou zkušenost, chrání před spamem a umožňuje efektivní správu zpráv. Dodržováním bezpečnostních opatření a správným zpracováním dat z formuláře můžete zajistit jeho bezpečné a efektivní používání.