Czy chcesz dowiedzieć się, jak utworzyć formularz przesyłania plików w Elementorze?
Jak zapewne wiesz, profesjonalna wersja Elementora zawiera widżet Formularz, którego możesz użyć do tworzenia formularze na swojej stronie WordPress. Za pomocą tego widżetu możesz stworzyć prawie każdy rodzaj formularze. Ten widżet oferuje około 19 typów pól, w tym pole dla Przekazać plik Plik.
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.
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.
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ść.
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.
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.
Możesz także dostosować metadane treści wiadomości e-mail w sekcji Metadane. Usuń wszystkie metadane, których nie chcesz uwzględnić.
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.
- 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.
Potencjalny błąd
Podczas testowania formularza mogą pojawić się komunikaty o błędach. Poniżej znajduje się przykład błędu.
Powyższy błąd zwykle występuje, jeśli korzystasz z usługihosting dzielenie się. Większość dostawcówhosting wspólna funkcja wyłączania php wyślij_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.
...
