Chcete vedieť, ako vytvoriť a Kontaktný formulár v Elementore?

Kontaktná stránka je jednou z najdôležitejších stránok webovej stránky. Často sa používa ako parameter, či je alebo nie je webová stránka schválená. Elementor prichádza s natívnou widgetom - widgetom Formulár - ktorý vám umožní pridať formulár na stránku. Tento článok vám ukáže, ako na to.

Samotný widget Formulár je dostupný iba na Elementor Pro. Čo znamená, že ak stále používate bezplatnú verziu, musíte prejsť na profesionálnu verziu. Miniaplikáciu Formulár môžete použiť nielen na vytvorenie a Kontaktný formulár, ale môžete ho použiť aj na vytváranie iných typov formulárov vrátane e-mailového registračného formulára, registračného formulára používateľa, formulár na nahranie súboruAtď ...

Ako vytvoriť kontaktný formulár v aplikácii Elementor

Keď vytvoríte a Kontaktný formulár Pomocou widgetu Formulár Elementor môžete nastaviť miesto, kam sa budú odosielať údaje formulára. Či už vo vašom e-mailovom účte alebo v predvolenom správcovi odosielania formulárov Elementor.

V tomto článku prejdeme priamo k pridaniu miniaplikácie Formulár do editačného poľa Elementoru. Stačí pridať widget Form z panela widgetov do editačného poľa nasledujúcim spôsobom:

Ako vidíte, miniaplikácia Formulár automaticky vytvorí formulár pozostávajúci z troch polí.

Čítajte tiež: Ako pridať cenovú mriežku v Elementore

Ak chcete upraviť existujúce pole, jednoducho ho otvorte. Môžete zmeniť typ poľa, prepísať predvolený štítok a zástupný symbol a nastaviť ho ako povinné pole, ak chcete.

Ak chcete vymazať existujúce pole, jednoducho kliknite na ikonu X poľa, ktoré chcete vymazať.

Ak chcete pridať nové pole, jednoducho kliknite na tlačidlo PRIDAJTE PRVOK. Samotná miniaplikácia Formulár podporuje dvadsať typov polí.

Definovanie akcie formulára

Ako sme už spomínali, údaje z formulára (podania) môžete posielať na svoj e-mailový účet alebo do vstavaného formulára odoslaného spoločnosťou Elementor. Ak chcete nastaviť cieľ, môžete blok otvoriť Po odoslaní akcií pod záložkou Obsah z panela nastavení.

Pozri tiež: Ako vytvoriť zaoblený obrázok v aplikácii Elementor

Vyberte akciu, ktorú chcete definovať, v dostupnom poli (môžete pridať viac akcií). V tomto príklade vyberieme E-mail.

Ak nastavíte aj akciu formulára na e-mail, môžete otvoriť blok E-mail definovať e-mailovú adresu na príjem údajov z formulára. Ako vidíte, môžete tiež nastaviť predmet, ak chcete.

V predvolenom nastavení obsahuje Elementor obsah všetkých polí vo formulári. Ak chcete zahrnúť iba obsah z konkrétnych polí, môžete do tohto poľa prilepiť krátke kódy svojich preferovaných polí. Správa.

Napríklad nastavenie nižšie pošle iba obsah poľa správy.

Krátky kód poľa získate kliknutím na kartu POKROČILÉ v pridruženom poli bloku Polia formulára.

Definícia správ

Po úspešnom odoslaní údajov formulára sa vašim návštevníkom zobrazí úspešná správa pod formulárom. Rovnako sa im zobrazí chybové hlásenie, keď sa údaje formulára neodošlú.

Pozri tiež: Ako vytvoriť sekciu členov tímu s Elementorom

Tieto predvolené správy a tiež dve ďalšie správy môžete z bloku prepísať Ďalšie možnosti pod záložkou Obsah z panela nastavení. Aktivujte Vlastné správy prepísať predvolené správy.

Ako vytvoriť kontaktný formulár v aplikácii Elementor

Prispôsobenie formulára

Po dokončení základných nastavení pod na karte Obsah z panela nastavení môžete prepnúť na ikonu Štýl na prispôsobenie formulára. Tu môžete otvoriť päť blokov.

  • Formulár

Tento blok môžete otvoriť a definovať tak medzeru medzi stĺpcami a riadkami formulára, medzery medzi štítkami, typografiu (rodinu písma, veľkosť písma, štýl písma atď.) Štítku formulára a farbu jeho textu.

  • Pole

Tento blok môžete otvoriť a definovať tak typografiu textu poľa, ako aj farbu, farbu pozadia polí formulára, veľkosť, farbu orámovania a polomer orámovania polí formulára.

  • tlačidla

Tento blok môžete otvoriť a prispôsobiť tlačidlo odosielania. Môžete nastaviť napríklad typografiu textu tlačidiel, ako aj farbu, farbu pozadia, polomer orámovania, veľkosť orámovania, farbu orámovania a výplň textu. Ak chcete nastaviť veľkosť tlačidla, môžete to urobiť z bloku tlačidla pod na karte Obsah.

  • správy

Tento blok môžete otvoriť a definovať tak typografiu, ako aj farbu textu správ.

  • Kroky

Tento blok môžete otvoriť, iba ak chcete vytvoriť viacstupňový formulár.

Po dokončení prispôsobenia formulára a stránky môžete svoju stránku zverejniť.

Potenciálna chyba

Jedna z bežných chýb, keď nastavíte akciu formulára na E-mail je, že formulár sa neodosiela. Namiesto toho sa zobrazí nasledujúca správa.

Ako vytvoriť kontaktný formulár v aplikácii Elementor

Elementor a väčšina doplnkov kontaktného formulára - vrátane kontaktného formulára 7 - používajú predvolenú funkciu doručovania pošty WordPress s názvom wp_mail. Táto funkcia závisí od funkcie poslať mail čo závisí od fungovania PHP.

Prečítajte si tiež: Ako pridať posúvač s posudkom do Elementoru

Bohužiaľ, všetci poskytovateliaweb hosting funkciu neaktivujte poslať mail PHP. Ak je to tak, váš formulár nebude odoslaný. Namiesto toho sa zobrazí chybové hlásenie, ako je uvedené vyššie.

Ak chcete vyriešiť tento problém, môžete si na server WordPress nainštalovať a nakonfigurovať službu vlastného doručovania pošty. Prípadne, ak je to možné, môžete požiadať poskytovateľa hostiteľských služieb o povolenie tejto funkcie poslať mail PHP.

Nakoniec

Elementor je jedným z najkomplexnejších doplnkov na tvorbu stránok. Dodáva sa s množstvom dizajnových prvkov (tzv. Widgetov), ​​pomocou ktorých môžete na stránku ľahko pridávať prvky, vrátane kontaktného formulára.

Aj keď môžete použiť miniaplikáciu Formulár na vytvorenie kontaktného formulára od začiatku s vlastným dizajnom, Elementor ponúka aj šablóny formulárov, ktoré môžete použiť. Môžete dokonca vytvorte kontaktnú stránku (samozrejme vyplňte kontaktný formulár) zo šablóny.

Získajte teraz prvok Elementor!

záver

Tu je! To je všetko pre tento článok, ktorý ukazuje, ako vytvoriť kontaktný formulár v aplikácii Elementor. Ak máte nejaké obavy, ako sa tam dostať, fdajte nám vedieť v Komentáre.

Môžete sa však tiež poradiť naše zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress alebo jeden na Divi: najlepšia téma WordPress všetkých čias.

Ale medzičasom zdieľajte tento článok na rôznych sociálnych sieťach.

...