Przejdź do głównej treści

Jak utworzyć formularz przesyłania plików w Elementorze

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Czy chcesz dowiedzieć się, jak utworzyć formularz przesyłania plików w Elementorze?

Jak zapewne wiesz, wersja pro Elementora zawiera widżet Formularz, którego możesz użyć do tworzenia formularzy w swojej witrynie WordPress. Za pomocą tego widżetu możesz tworzyć prawie wszystkie rodzaje formularzy. Widżet oferuje około 19 typów pól, w tym pole do przesłania pliku.

W tym artykule pokażemy, jak utworzyć formularz składający się z pola przesyłania pliku.

Ale zanim zaczniesz, upewnij się, że zaktualizowałeś swoją wersję Elementora do wersji Pro, ponieważ ponownie widżet Formularz jest dostępny tylko w Elementor Pro.

Przeczytaj nasz przewodnik na: Jak zainstalować Elementora na WordPressie

Najpierw utwórz nową stronę lub opublikuj i edytuj ją za pomocą Elementora.

Zanim zaczniesz tworzyć stronę, aby dodać formularz, najpierw zdefiniuj układ. Aby to zrobić, kliknij ikonę koła zębatego w lewym dolnym rogu lewego panelu. Ustaw preferowany układ z menu rozwijanego Układ.

Dodaj nową sekcję, klikając ikonę plusa w polu edycji Elementora. Możesz wybrać dowolną strukturę na podstawie koncepcji projektowej, którą chcesz stworzyć. W tym przykładzie wybieramy strukturę jednokolumnową.

Dodaj widżet Formularz, przeciągając go z lewego panelu do obszaru obszaru roboczego.

Jak stworzyć formularz w Elementorze

Domyślnie masz formularz składający się z trzech pól: Imię, E-mail i Wiadomość. Usuń pole, którego nie potrzebujesz, klikając ikonę x na polu.

W tym artykule stworzymy formularz składający się z 4 pól: Imię, E-mail, Wiadomość i Przesyłanie pliku. Ponieważ formularz ma domyślnie tylko 3 pola, musisz dodać nowy formularz w polu Przesyłanie pliku.

Czytaj także: Jak dodać reCAPTCHA do formularza Elementora

Kliknij przycisk DODAJ PRZEDMIOT aby dodać nowe pole. Zdefiniuj typ pola na Prześlij plik. Jeśli chcesz zdefiniować je jako pole obowiązkowe, włącz opcję Wymagany. Ustaw maksymalny rozmiar pliku z menu rozwijanego na Maksymalny rozmiar pliku.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

Aby zdefiniować dozwolone typy plików, wprowadź rozszerzenia plików Dozwolone typy plików. Możesz zaakceptować wiele typów plików, oddzielając rozszerzenia plików przecinkami. Jeśli chcesz zezwolić odwiedzającym na przesyłanie wielu plików, aktywuj opcję Wiele plików i ustaw maksymalną liczbę plików, które mogą pobrać.

Jeśli chcesz zmienić kolejność pól, możesz po prostu przeciągnąć każde pole w górę lub w dół. W tym przykładzie umieszczamy pole Przesyłanie pliku nad polem Wiadomość.

Jak utworzyć formularz przesyłania plików w Elementorze

Definicja działania

Byłoby wspaniale, gdybyś mógł połączyć swoją formę Elementora z formularze usług backendowych jak na przykład Getform ou Przenośny. Niestety Elementor nie obsługuje integracji z żadną usługą zaplecza formularzy.

Dowiedz się jak: Jak dodać przegrodę, aby utworzyć sekcję w Elementorze

Tak więc w tym artykule zdefiniujemy akcję na e-mail. Oznacza to, że zgłoszenia przesłane za pośrednictwem formularza zostaną wysłane na podany adres e-mail.

Domyślnie akcja formularza była ustawiona na e-mail. Możesz się upewnić z opcji Działania po przesłaniu.

Następnie otwórz opcję E-mail i ustaw adres e-mail, na który będą wysyłane zgłoszenia. Określ także temat wiadomości e-mail.

Jak utworzyć formularz przesyłania plików w Elementorze

Zawsze pod opcją E-mail, ustaw treść wiadomości e-mail na opcję Wiadomość.

Aby dostosować treść wiadomości e-mail, możesz wkleić skróty pól, które chcesz dodać do treści. Znajdziesz je w zakładce ZAAWANSOWANE każdego pola.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

Możesz także dostosować metadane treści wiadomości e-mail w sekcji Metadane. Usuń wszystkie metadane, których nie chcesz uwzględnić.

Jak utworzyć formularz przesyłania plików w Elementorze

Same metadane pojawią się pod treścią wiadomości e-mail.

Na polach Z emaila, Od nazwy i odpowiedzi do, możesz je pozostawić puste.

Dostosowywanie formularza

Jak dotąd Twój formularz jest gotowy do publikacji. Przed opublikowaniem możesz dostosować formularz, aby był bardziej atrakcyjny. Domyślnie każde pole w formularzu zawiera etykietę. Jeśli chcesz to wyłączyć, możesz to zrobić od Opcja Pola formularza sous na karcie Treść.

Aby stworzyć bardziej zaawansowane opcje stylizacji, możesz przejść do zakładki Styl. Oto kilka opcji stylizacji, które możesz ustawić.

  • Określ odstęp między wierszami i typografią etykiet

Aby zdefiniować odstępy między wierszami (polami) oraz typografię etykiet, możesz otworzyć opcję Formularz.

Ustaw odstęp linii w sekcji Przerwa między wierszami. Aby zdefiniować typografię etykiet (rozmiar czcionki, styl czcionki i rodzinę czcionek), możesz kliknąć ikonę ołówka typografia w sekcji Etykieta.

  • Zdefiniuj typografię pola, kolor tła, kolor obramowania, szerokość obramowania i promień obramowania

Możesz otworzyć opcję Pole aby zdefiniować typografię kontrolki, kolor tła kontrolki, kolor obramowania, szerokość obramowania i promień obramowania.

Jak utworzyć formularz przesyłania plików w Elementorze

  • przycisk Dostosuj

Aby dostosować przycisk, możesz otworzyć opcję przyciski. Stamtąd możesz ustawić kolor tła, kolor tekstu, typografię, kolor obramowania, promień obramowania itp. Przejdź do zakładki HOVER aby dostosować wskazanie przycisku.

Istnieje kilka innych opcji dostosowywania, które możesz ustawić. Możesz bawić się lewym panelem, aż będziesz zadowolony z wyglądu formularza. Po zakończeniu możesz kliknąć przycisk PUBLISH opublikować formularz.

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

Potencjalny błąd

Podczas testowania formularza mogą pojawić się komunikaty o błędach. Poniżej znajduje się przykład błędu.

Jak utworzyć formularz przesyłania plików w Elementorze

Powyższy błąd zwykle występuje, jeśli korzystasz z udostępnionej usługi hostingowej. Większość dostawców hostingu współdzielonego wyłącza tę funkcję php send_mail, który jest używany przez funkcjonalność WordPress wp_mail wysyłać e-maile.

Pobierz Elementor Pro teraz!

Wnioski

Tutaj jest ! To wszystko w tym artykule, który pokazuje, jak utworzyć formularz przesyłania plików w Elementorze. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać fdaj nam znać w commentaires.

Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.

...

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry