Contact Form 7 - je to jeden z nejoblíbenějších pluginů pro vytváření formulářů zpětné vazby na Wordpressu. Poskytuje snadný způsob vytváření a přizpůsobení formulářů zpětné vazby na vašem webu. Pokud jste začátečník a chcete nastavit Contact Form 7, postupujte podle těchto podrobných pokynů.
Krok 1: Instalace a aktivace
Prvním krokem je instalace a aktivace pluginu Contact Form 7 na vašem webu WordPress. Chcete-li to provést, přejděte na Pluginy v ovládacím panelu WordPress, vyhledejte plugin Contact Form 7, Klikněte na tlačítko Instalovat a poté na Aktivovat.
Krok 2: Vytvoření nové formy
Po aktivaci pluginu přejděte na kontakty v ovládacím panelu WordPress a kliknutím na tlačítko Přidat nový vytvořte nový formulář. Zde můžete zadat název formuláře a přidat požadovaná pole, jako je název, e-mail, zpráva atd. pomocí štítků v závorkách automaticky Vygenerujte pole. Použijte například [text your-name] pro vytvoření pole jména.
Krok 3: Nastavení parametrů
Po vytvoření formuláře můžete upravit jeho nastavení. To zahrnuje zadání e-mailové adresy, na kterou budou zprávy odesílány, nastavení šablony a další možnosti. Chcete-li změnit text zpráv, přejděte na kartu Zprávy a na kartu Přidat soubory, abyste uživatelům umožnili připojit soubory do formuláře.
Krok 4: vložení formuláře na váš web
Když dokončíte nastavení formuláře, zkopírujte vygenerovaný kód a vložte jej na stránku nebo zprávu, kde chcete zobrazit formulář zpětné vazby. Kód můžete vložit pomocí speciálního bloku nebo pomocí editoru HTML výběrem vizuálního režimu.
To je všechno! Nyní víte, jak nastavit Contact Form 7 na svém webu WordPress. Postupujte podle těchto pokynů a budete mít funkční formulář zpětné vazby, který budou moci uživatelé vyplnit a odeslat zprávy přímo z vašeho webu.
Instalace pluginu Contact Form 7
Kroky k instalaci pluginu Contact Form 7:
- Přihlaste se do ovládacího panelu WordPress.
- Přejděte do sekce"pluginy".
- Klikněte na tlačítko "Přidat nový".
- Do vyhledávacího pole zadejte "Contact Form 7".
- Vyhledejte plugin Contact Form 7 a klikněte na tlačítko "Instalovat nyní".
- Po instalaci pluginu klikněte na tlačítko"Aktivovat".
Plugin Contact Form 7 je připraven k použití na vašem webu. Nyní je třeba upravit formulář zpětné vazby a přidat jej na stránku nebo příspěvek.
Vytvoření nové formy
Po instalaci a aktivaci pluginu Contact Form 7 můžete začít vytvářet svůj první formulář.
1. Přejděte na kontaktní formuláře na ovládacím panelu svého webu.
2. Klikněte na tlačítko "Přidat nový".
3. Zadejte název formuláře do pole "Název". Název by měl být jasný a popsat účel formy.
4. Definujte pole, která chcete zahrnout do formuláře. Můžete například přidat pole "Název", pole" Email "a pole"Zpráva".
5. Vyberte typ pole pro každou položku tvaru. Například pro pole " Email "můžete vybrat typ" Email "nebo"text".
6. Nastavte potřebná nastavení pro každé pole. Můžete například nastavit štítek pro pole " Název "nebo nastavit povinnost vyplnit pole"Email".
7. V případě potřeby přidejte další tvarové prvky. Můžete například přidat tlačítko pro odeslání formuláře nebo pole pro stažení souboru.
8. Uložte formulář kliknutím na tlačítko Uložit.
Nyní máte připravený formulář, který můžete vložit na svůj web!
Jak vložit formulář na váš web, se dozvíte v následující části.
Nastavení tvarových polí
Když vytvoříte formulář pomocí Contact Form 7, musíte upravit pole, která se zobrazí ve tvaru. K tomu můžete použít různé typy polí, jako je textové pole, e-mailové pole, checkbox, rozbalovací seznam a další.
Chcete-li přidat pole do formuláře, musíte vložit příslušný kód do textového pole na stránce pro úpravu formuláře:
[text your-name] - pro textové pole uživatelského jména.
[email your-email] - pro e-mailové pole.
[checkbox your-country "Country 1" "Country 2" "Country 3"] - pro pole s výběrem z několika možností.
[select your-recipient "Option 1" "Option 2" "Option 3"] - na rozevírací seznam.
Kromě toho můžete do polí přidat také další atributy, jako je povinné pole, playsholder, limit počtu znaků a další. Chcete-li například učinit pole povinné, přidejte do kódu pole atribut "required" :
[text your-name required]
Vzhled formulových polí můžete také upravit přidáním příslušných tříd CSS do kódu pole. Chcete-li například změnit velikost textového pole, přidejte do kódu pole třídu "your-class" :
[text your-name class:your-class]
Přizpůsobení tvarových polí vám tedy umožňuje vytvářet různé typy polí a přidávat jim další atributy a třídy pro přizpůsobení vzhledu. To pomáhá učinit váš tvar uživatelsky přívětivějším a intuitivnějším.
Konfigurace Nastavení pošty
Po instalaci a aktivaci pluginu Contact Form 7 je nutné nakonfigurovat nastavení pošty, aby bylo možné přijímat oznámení o vyplněných formulářích a odesílat e-maily s odpověďmi uživatelům.
Chcete-li začít, přejděte na stránku "kontaktní formuláře" v administrativním panelu vašeho webu.
Dále vyberte požadovaný formulář a kliknutím na tlačítko "Upravit" otevřete nastavení tohoto formuláře.
Přejděte na kartu" Pošta " a uvidíte několik polí, která je třeba vyplnit.
- Komu: Zadejte e-mailovou adresu, na kterou chcete dostávat oznámení o vyplněném formuláři. Pokud chcete zadat více e-mailových adres, oddělte je čárkou.
- Od koho: Zadejte e-mailovou adresu, jejímž jménem budou e-maily s odpověďmi odesílány. Můžete použít značku [your-email] Chcete-li povolit e-mailovou adresu zadanou uživatelem.
- Téma: Zadejte motiv dopisu, který bude odeslán při vyplňování formuláře. Můžete použít značky v hranatých závorkách, například: [your-subject] pro zahrnutí tématu zadaného uživatelem.
- Další titulky: Zde můžete zadat další nadpisy oddělené přenosem řádku. Můžete například zadat "odpovědět-komu", aby příjemce mohl snadno odpovědět na e-mail.
- Zpráva: Při vyplňování formuláře zadejte text zprávy, kterou chcete odeslat. Napište srozumitelné a smysluplné pokyny, aby uživatelé pochopili, co by měli dělat.
Po vyplnění všech polí klikněte na tlačítko Uložit a nastavení poštovního nastavení bude dokončeno.
Nyní budete dostávat oznámení o vyplněných formulářích a budete moci uživatelům posílat e-maily s odpověďmi.
Vytvoření zprávy o úspěšném odeslání
Jakmile návštěvník vyplní formulář a klikne na tlačítko Odeslat, musí zobrazit zprávu o úspěšném odeslání. K tomu budeme muset použít funkci on_sent_ok v kódu Contact Form 7.
- Otevřete ovládací panel svých webových stránek.
- Přejděte do sekce Kontakty a vyberte požadovaný formulář.
- Na kartě pokročilá nastavení vyhledejte pole volitelný JavaScript kód.
- Vložte následující kód do pole "Další JavaScript kód":
on_sent_ok: "location = 'http://example.com/thank-you/';"V tomto kódu vyměňte http://example.com/thank-you / na adresu URL stránky, na kterou chcete uživatele po úspěšném odeslání formuláře přesměrovat.
Nyní, když návštěvník odešle formulář, bude automaticky přesměrován na stránku poděkování.
Umístění formuláře na stránku
Po vytvoření formuláře v pluginu Contact Form 7 jej můžete umístit na stránku, kterou chcete. K tomu budete potřebovat znát ID vytvořeného formuláře.
Chcete-li vložit formulář na stránku, můžete použít speciální kraťas [contact-form-7 ] , kde místo Id_formy vložte ID formuláře. Tento krátký kód lze umístit do textového editoru stránky nebo na požadované místo motivu pomocí PHP kódu.
Pokud chcete tvar umístit dovnitř textu, stačí přidat uvedený krátký kód na správné místo textu. Například:
Ваше имя (обязательно)[text* your-name]Ваш Email (обязательно)[email* your-email]Тема[text your-subject]Сообщение[textarea your-message][submit "Отправить"]
Po vložení formuláře na stránku jej můžete aktualizovat a vidět, jak vypadá živě. Pokud je něco špatně, můžete formulář nebo jeho umístění vždy upravit.