Jednu vec nechápem, že WordPress ešte neobsahuje jednoduchý, ale kompletný kontaktný formulár v predvolenom nastavení.
Keďže pravidelne robím optimalizáciu WordPress, a to ako tu, tak aj na stránkach tretích strán, často nahrádzam zbytočne nafúknuté pluginy s možnosťami, blokmi a dekoráciami, ktoré sa nikdy nepoužívajú alebo nie sú potrebné s kódom na zníženie záťaže.
Tento kontaktný formulár je kompletné a prispôsobiteľné riešenie pre WordPress, ktoré je navrhnuté tak, aby bolo bezpečné, ľahko použiteľné a rešpektovalo súkromie používateľov. Okrem toho môžete pridávať alebo odstraňovať možnosti podľa vlastného uváženia. Toto je formulár, ktorý tu používam.
Toto sú jeho hlavné funkcie a vlastnosti a návod, ako ho pridať na akúkoľvek stránku alebo príspevok vášho blogu pomocou skratky.
Štruktúra a možnosti
1. Polia formulára
- Meno: Povinné pole, do ktorého používateľ zadá svoje meno.
- E-mailová adresa: Povinné pole, do ktorého môže používateľ zadať svoju e-mailovú adresu.
- Správa: Povinné pole, do ktorého môže používateľ napísať svoju správu. Musí mať aspoň 15 znakov.
- Sum captcha: Jednoduchý captcha, ktorý od používateľa vyžaduje, aby vyriešil súčet dvoch náhodných čísel od 1 do 9.
- Prijatie zásad ochrany osobných údajov: Povinné zaškrtávacie políčko na prijatie zásad ochrany osobných údajov pred odoslaním formulára.
Overovanie a zabezpečenie
- Overovanie povinných polí: Všetky polia sú povinné. Ak niektoré chýba, zobrazí sa chybové hlásenie.
- Overenie prepojenia: V poliach s názvom alebo správou nie sú povolené žiadne odkazy (URL).
- Captcha sčítania: Zabraňuje automatickému spamu tým, že od používateľa vyžaduje vyriešenie jednoduchej matematickej operácie.
- Google reCAPTCHA (voliteľné): Ak sú nakonfigurované kľúče Google reCAPTCHA, pridá sa druhá úroveň zabezpečenia, aby sa zabránilo botom. Ak kľúče reCAPTCHA nie sú pridané do kódu, kód sa do formulára nepridá.
- Overenie zakázaných slov: Voliteľne možno v správe zablokovať konkrétne slová, napr.: ananás, pizza, bitcoin (oddelené čiarkou a bez medzier).
- Nonce security: Chráni pred útokmi CSRF (Cross-Site Request Forgery).
3. Ochrana osobných údajov
- Žiadne ukladanie údajov: Neukladajú sa žiadne údaje o používateľoch (žiadne e-maily, žiadne IP adresy, žiadne odkazujúce adresy URL, nič). Tento prístup je v súlade s nariadeniami o ochrane osobných údajov, ako je napríklad GDPR, pretože sa nezhromažďujú ani neukladajú žiadne osobné údaje.
- Zásady ochrany osobných údajov: Obsahuje odkaz na zásady ochrany osobných údajov, ktoré si používateľ musí prečítať a prijať pred odoslaním formulára.
4. Spätná väzba
- Chybové hlásenia: Zobrazujú sa v bloku v hornej časti formulára, ak sa pri overovaní vyskytnú chyby.
- Správa o úspešnom odoslaní: Po úspešnom odoslaní formulára sa zobrazí správa o úspešnom odoslaní v zelenej farbe, veľkosti 14px a tučným písmom:"Ďakujeme! Vaša správa bola odoslaná". Tento text a jeho formátovanie môžete zmeniť v kóde. Zvyšné štýly, ako napríklad žlté pozadie, ohraničenie a tieň poľa obsahujúceho formulár, ktoré môžete vidieť tu, ako aj ďalšie externé prvky nie sú zahrnuté v kóde, pretože sú pridané pomocou kontajnera GenerateBlocks.
5. Personalizácia
- Text Captcha: Prispôsobiteľný (predvolené: "Ste človek? Vyriešte túto sumu:").
- Zakázané slová: Možno pridať zoznam zakázaných slov oddelených čiarkou.
- Google reCAPTCHA: Nepovinné, pridáva sa len vtedy, ak nakonfigurujete a pridáte do kódu kľúč stránky a tajný kľúč captcha.
6. Výkonnosť
Kód kontroluje, či je prítomný skratkový kód, a ak nie je prítomný, nezobrazí nič, takže sa spustí len na stránke alebo v príspevku, kde bol skratkový kód pridaný.
Výkon, ktorý je zobrazený, je optimálny.
Pokyny na inštaláciu a konfiguráciu
1. Skopírujte a pridajte kód
- Otvorte súbor functions.php vašej témy WordPress (alebo si vytvorte vlastný doplnok, ak nechcete upravovať tému alebo používať úryvky kódu).
- Skopírujte a vložte celý kód formulára do súboru functions.php.
2. Nastavenie reCAPTCHA Google (voliteľné)
- Prejdite na stránku Google reCAPTCHA.
- Vyberte reCAPTCHA v2 a začiarknite políčko "Nie som robot".
- Zaregistrujte svoju webovú stránku a získajte kľúče
:Polylang placeholder nemodifikovať
- V kóde formulára nahraďte
"YOUR_SITE_KEY"a"YOUR_SECRET_KEY"získanými kľúčmi.Polylang placeholder nemodifikujte
3. Nastavenie zakázaných slov (voliteľné)
1 - V kóde formulára nájdite riadok:
$palabras_prohibidas = ' ';2 - Pridajte slová, ktoré chcete zablokovať, oddelené čiarkami. Napríklad:
$palabras_prohibidas = 'caca,culo,pedo,pis';Ak nechcete blokovať žiadne slová, nechajte premennú prázdnu.
4. Prispôsobenie textu captcha sumy (voliteľné)
V kóde formulára vyhľadajte tento riadok:
<label for="captcha">¿Eres humano? Resuelve esta suma: <strong><?php echo $num1; ?> + <?php echo $num2; ?> = </strong></label>Zmeňte text "Ste človek? Vyriešte tento súčet:" na ten, ktorý chcete zobraziť.
5. Pridajte adresu URL svojich zásad ochrany osobných údajov
V tomto riadku nahraďte URL adresu príkladu URL adresou zásad ochrany osobných údajov vašej stránky:
$politica_privacidad_url = 'https://tuweb.com/declaracion-de-privacidad/';6. Skratka
Pridajte skratku na stránku alebo do príspevku, kde sa má formulár zobraziť.
[formulario_contacto]Nakoniec ho budete musieť otestovať, aby ste overili, či sa e-maily odosielajú a prichádzajú, a sledovať používanie, aby ste zabránili neúnavným spamerom, aby sa doň vkradli tým, že skomplikujú matematickú captchu a/alebo aktivujú obe captchy súčasne. Kód sa dá vždy vylepšiť a dá sa ladiť a optimalizovať. Môžete ho tiež preložiť, ak ho potrebujete používať v inom jazyku.
Ak v závislosti od výsledku vykonám zmeny alebo vylepšenia kódu, pridám sem poznámky.
Úplný kód nájdete na strane 2
