V tomto článku sa dozviete, ako vytvoriť formulár s bezplatným Elementorom.
Aj keď je miniaplikácia Formulár k dispozícii iba na Elementor Pro, neznamená to, že nemôžete vytvoriť formulár v bezplatnej verzii Elementor.
Ak potrebujete pridať formulár na stránku, ktorú vytvárate s bezplatnou verziou Elementor, môžete použiť dva spôsoby, ktorým sa budeme venovať v tomto článku.
Elementor, či už ide o profesionálnu alebo bezplatnú verziu, prichádza s dvoma miniaplikáciami, ktoré môžete použiť na vytvorenie formulára. Toto sú miniaplikácie HTML a Shortcode. Pomocou miniaplikácie HTML môžete vložiť formulár HTML, zatiaľ čo miniaplikácia Shortcode vám umožní vložiť formulár z doplnkov formulára, ktoré používajú krátky kód ako napr. Kontaktný formulár 7.
Vytvorte formulár s bezplatnou verziou Elementor pomocou miniaplikácie HTML
Táto metóda vyžaduje, aby ste mali znalosti HTML na vytvorenie formulára. Alebo si môžete stiahnuť šablónu formulára HTML z internetu. W3docs ich má viac ako 60 HTML šablóny formulárov ktorý si môžete stiahnuť zadarmo.
Ak chcete začať, vytvorte novú stránku a upravte ju pomocou Elementor (Stránky – > Pridať). Samozrejme, môžete upraviť aj existujúcu stránku. Ak chcete vytvoriť formulár na novej stránke, nezabudnite nastaviť rozloženie formulára kliknutím na ikonu ozubeného kolieska v ľavom dolnom paneli.
Pridajte novú sekciu kliknutím na tlačidlo plus v oblasti úprav a pridajte formulár HTML presunutím z ľavého panela do oblasti úprav. Umiestnite ho na požadovanú oblasť. Potom prejdite na ľavý panel a do poľa vložte kód HTML formulára HTML kód pod záložkou Obsah.
Po dokončení úprav stránku zverejnite/aktualizujte.
Pozri tiež: Ako používať widgety/šablóny Elementor ako Gutenbergove bloky
Vec. Ak váš formulár HTML používa na úpravu štýlu externý CSS, obrázky alebo JavaScript, nezabudnite nahrať priečinky obsahujúce kód CSS, obrázky a JavaScript do koreňového adresára vašej webovej lokality.
Vytvorte formulár na Elementor zadarmo pomocou kontaktného formulára 7
Ak nemáte žiadne znalosti HTML a nechcete používať šablónu formulára HTML, môžete si vytvoriť formulár v bezplatnej verzii Elementor pomocou pluginu Kontaktný formulár 7. V skutočnosti existuje mnoho ďalších formulárových pluginov. Odporúčame Kontaktný formulár 7 pretože je to najobľúbenejší doplnok formulárov pre WordPress a je úplne zadarmo.
Najskôr nainštalujte doplnok Kontaktný formulár 7. Ak to chcete urobiť, prejdite na Rozšírenia – > Pridať. Do vyhľadávacieho poľa zadajte „kontaktný formulár 7“ a kliknite na tlačidlo nainštalovať teraz keď ste to našli.
Aktivujte doplnok ihneď po inštalácii.
Kontaktný formulár 7 sa dodáva s predvoleným formulárom (a Kontaktný formulár ). Môžete ho použiť, ak chcete. Ak chcete namiesto toho vytvoriť nový formulár, prejdite na stránku Kontakt – > Pridať. Pomenujte svoj formulár, aby ste ho v budúcnosti mohli ľahko identifikovať.
V predvolenom nastavení bude váš formulár pozostávať zo štyroch polí: meno, e-mail, predmet a správa.
Ak chcete pridať nové pole, umiestnite kurzor do oblasti, kam chcete pridať nové pole (môžete ho umiestniť pod alebo nad existujúce pole). Pridať štítok pre nové pole formulára vo formáte <label> votre label préféré </label>.
Umiestnite kurzor hneď za štítok a vyberte pole na karte poľa. Môžete pridať nový zlom riadku, aby bolo vaše nové pole čistejšie ako ostatné existujúce polia.
Vyplňte polia a kliknite na Vložte značku (môžete nechať všetko ako predvolené).
Kontaktný formulár 7 odošle príspevky odoslané prostredníctvom vášho formulára na e-mail. E-mail môžete nastaviť na karte E-mail.
Môžete prejsť na kartu správy ak chcete prepísať predvolené správy. Môžete prispôsobiť správu, ktorá sa zobrazí po úspešnom odoslaní formulára vašimi návštevníkmi, alebo chybovú správu, keď sa formulár neodošle atď.
Kliknite na tlačidlo Registrovať po dokončení úprav formulára a skopírovaní krátkeho kódu.
Ak chcete pridať formulár, ktorý ste práve vytvorili, na svoju stránku Elementor, vytvorte novú stránku a upravte ju pomocou Elementor, alebo môžete upraviť aj existujúcu stránku.
Čítajte tiež: Ako zakázať vyskakovacie okno Elementor na smartfónoch
Pridajte novú sekciu na umiestnenie formulára a pridajte Shortcode-widget. Po pridaní miniaplikácie Shortcode prejdite na ľavý panel a do poľa vložte skopírovaný krátky kód krátky pod záložkou Obsah.
Po dokončení úprav svoju stránku zverejnite/aktualizujte.
Kontaktný formulár 7 používa formát štýlu WordPress tému ktoré používate. Formulár Kontaktného formulára 7 si môžete upraviť, ale vyžadujú sa zručnosti CSS. Tento článok si môžete pozrieť aj na Ako prispôsobiť formulár Kontaktného formulára 7 pomocou Essential Addons a Elementor.
Získajte Elementor Pro teraz!!!
záver
Takže ! To je všetko pre tento článok, ktorý vám ukáže, ako vytvoriť formulár s bezplatným Elementorom. Ak máte nejaké obavy, ako sa tam dostať, dajte im 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.
...
