Jak přidat kontaktní formulář a další funkce zdarma na přistávací stránku

Rychlé shrnutí: Kontaktní formulář ve WordPressu snadno přidáte pomocí pluginu WPForms Lite, včetně krátkého kódu (shortcode). Dále můžete přidat mapu s vyznačenou adresou pluginem WP Go Maps, ikonky sociálních sítí či rezervační systém. Nezapomeňte otestovat funkčnost a mobilní zobrazení.

V předchozím článku jsme si ukázali, jak jednoduše vytvořit jednostránkový web zdarma pomocí WordPressu. Pokud už máte svou přistávací stránku hotovou, možná vás napadlo, jak na ni přidat další vychytávky, jako kontaktní formulář, mapu, ikonky sociálních sítí nebo třeba rezervační kalendář. Dobrá zpráva: i tyto funkce zvládnete přidat úplně zdarma a bez programování. 

Obsah článku: 

• Kontaktní formulář 

• Mapa s vaší adresou 

• Ikonky sociálních sítí 

• Rezervační systém 

• Souhlas s odesláním formuláře 

Jak přidat kontaktní formulář zdarma 

Pro začátečníky doporučujeme plugin WPForms Lite – je zdarma, snadno se ovládá a funguje spolehlivě. 

Postup krok za krokem: 

1. Přejděte do administrace WordPressu: Nástěnka → Pluginy → Instalace pluginů 
2. Do vyhledávání napište „WPForms Lite“, klikněte na „Instalovat“ a „Aktivovat“. 
3. V menu klikněte na „WPForms“ → „Add New“ (Přidat nový). 
4. Vyberte šablonu „Simple Contact Form“ – jednoduchý formulář se jménem, e-mailem a zprávou. 
5. Případně upravte položky formuláře – můžete přidat např. telefon, zaškrtávací políčko nebo GDPR souhlas. 
6. Klikněte na „Save“ (Uložit). 
7. Zkopírujte krátký kód (shortcode), který se zobrazí – např. [wpforms id=“123″] 
8. Otevřete svou přistávací stránku v editoru a vložte shortcode na místo, kde chcete mít formulář. 

TIP: V naší nápovědě najdete komplexní návod, jak s pluginem WPForms pracovat. 

Další bezplatné funkce, které můžete přidat 

Vaše jednostránková prezentace může obsahovat víc než jen texty a formulář. Pojďme se podívat na další užitečné funkce, které můžete přidat, aniž byste museli platit: 

1. Mapa s vaší adresou 

Plugin: WP Go Maps 

Vložte na svůj web interaktivní mapu s označením vaší provozovny nebo místa setkání. Stačí přidat Google Maps API klíč (návod pluginu vás provede). 

1. V administraci WordPressu přejděte do Pluginy → Instalace pluginů 
2. Vyhledejte WP Go Maps, nainstalujte a aktivujte 
3. V levém menu klikněte na WP Go Maps → Maps a vytvořte novou mapu 
4. Přidejte adresu jako značku (marker) 
5. Zkopírujte shortcode (např. [wpgmza id=“1″]) a vložte ho do stránky 

2. Ikonky sociálních sítí 

V Gutenbergu: 

1. Klikněte na Přidat blok 
2. Vyberte Ikony sociálních sítí 
3. Vyberte požadované sítě a vložte odkazy na své profily 

V Elementoru: 

1. Přetáhněte widget Social Icons do stránky 
2. Upravte odkazy a styly podle potřeby 

Nepotřebujete na to žádný plugin – jen zadáte odkazy na své profily (např. Instagram, Facebook, LinkedIn). 

3. Rezervační systém 

Plugin: Simply Schedule Appointments 

Umožní návštěvníkům rezervovat si termín – ideální pro konzultace, kadeřnictví, masáže, poradenství apod. 

Funguje přímo s kalendářem a můžete si nastavit pracovní dobu, volné termíny nebo maximální počet klientů. 

4. GDPR souhlas s odesláním formuláře 

Ve WPForms Lite přidejte políčko „GDPR Agreement“ a nastavte vlastní text souhlasu. 

Pokud chcete komplexnější řešení, můžete použít plugin Complianz – GDPR/CCPA Cookie Consent. 

1. V administraci WordPressu přejděte do Pluginy → Instalace pluginů 
2. Vyhledejte Complianz – GDPR/CCPA Cookie Consent, nainstalujte a aktivujte 
3. Spusťte Setup Wizard (průvodce nastavením) 
4. Vyplňte základní informace o webu a zásadách zpracování 
5. Po dokončení se lišta s cookies zobrazí automaticky 

Na co nezapomenout 

1. Otestujte funkčnost formuláře 

Po odeslání zprávy by vám měl dorazit e-mail s obsahem formuláře. 

Pokud zprávy nechodí, doporučujeme nainstalovat plugin WP Mail SMTP, který zlepší doručitelnost a propojí odesílání e-mailů s reálným SMTP serverem (např. Gmail, Seznam, Outlook apod.). 

2. Zkontrolujte zobrazení na mobilu 

Většina návštěvníků přistupuje na web z telefonu. Ujistěte se, že: 

• formulář se zobrazuje bez překrývání nebo oříznutí, 

• texty a tlačítka jsou čitelné, 

• všechny interaktivní prvky fungují i na dotykové obrazovce. 

Pokud používáte Elementor, můžete přepnout do mobilního zobrazení přímo v editoru. U Gutenbergu doporučujeme kontrolu přímo na telefonu nebo v náhledu prohlížeče. 

3. Vyzkoušejte vše jako návštěvník 

Po publikaci webu si ho projděte jako běžný uživatel – klikněte na ikonky, zkuste odeslat zprávu, podívejte se, zda všechny prvky působí profesionálně a ladí dohromady. Získáte lepší představu o tom, jak vás uvidí vaši budoucí klienti nebo návštěvníci.