Dostosuj formularze WP Fluent Forms za pomocą niezbędnych dodatków do Elementora

Opublikowany: 2019-10-19

Dobre wieści ludzie! Teraz możesz cieszyć się większą swobodą w dostosowywaniu formularzy. Fluent Forms staje się coraz lepszy dzięki jego kompatybilności z szeroką gamą potężnych narzędzi. Czy jesteś fanem kreatora stron Elementor? Jeśli tak, to z pewnością mamy dla Ciebie dobrą wiadomość. W połączeniu z Essential Addons możesz teraz łatwo dostosować formularze, aby były bardziej atrakcyjne.

Essential Addons to biblioteka elementów dla Elementora. Dzięki fantastycznej liście gotowych bloków ta wtyczka sprawi, że Twoje wrażenia z tworzenia stron będą niezapomniane. WP Fluent Forms to najnowszy dodatek do tej listy i możesz cieszyć się doskonałym sposobem tworzenia formularzy do swojej dyspozycji.

Jak używać

Zanim zagłębimy się w sedno sprawy, powiem Ci, jak włączyć Fluent Forms w Essential Addons. Zainstaluj Elementor i Essential Addons z repozytorium wtyczek i aktywuj oba. Teraz wybierz Fluent Form z sekcji elementów.

Kliknij menu rozwijane w sekcji Fluent Form i wybierz formularz, którego chcesz użyć.

Użyj kombinacji, aby uzyskać więcej mocy

Dlaczego powinieneś używać formularzy EA Fluent Forms? Essential Addons to najpopularniejszy dodatek do kreatora stron Elementor. Podobnie WP Fluent Forms to najbardziej bogata w funkcje wtyczka do tworzenia formularzy z szybko rozwijającą się społecznością.

Możesz użyć Essential Addons, aby uzyskać gotowe elementy, które mają tajną moc. Z tego samego powodu Fluent Forms ma być najszybszą i najłatwiejszą wtyczką do tworzenia wszystkich formularzy, jakie możesz sobie wyobrazić.

Teraz pomyśl o użyciu ich obu w jednym miejscu. Razem mogą zmienić całe Twoje doświadczenie w zakresie tworzenia i dostosowywania formularzy. Tam, gdzie nam się nie udaje, pojawia się Essential Addons i wypełnia lukę.

Zobaczmy, czego możesz oczekiwać od EA Fluent Forms.

Stylizuj formy na swój sposób

Fluent Forms skupia się przede wszystkim na szybkości i doświadczeniu użytkownika. Aby Twoja witryna nie ładowała się powoli, zawiera ona jak najmniej zasobów. Nie oznacza to, że nie możesz spersonalizować swoich formularzy, aby były bardziej estetyczne.

Zapoznaj się z formularzami demonstracyjnymi, aby zorientować się, ile odmian możesz wprowadzić ze swoimi formularzami. Dodatkowo, jedna strona demonstracyjna Essential Addons pokaże Ci kilka pięknych stylów zaimplementowanych w Fluent Forms z Elementorem.

Dostosuj wszystko

Po utworzeniu formularza za pomocą Fluent Forms możesz go otworzyć za pomocą Essential Addons i edytować wszystko na interfejsie. Zmień kolor tła formularza i utrzymuj go wyrównany w miejscu, w którym chcesz umieścić – do prawej , lewej lub do środka .

Ustaw maksymalną szerokość, margines, wypełnienie i promień, aby uformować formę o idealnym kształcie. Jeśli chcesz dodać obramowanie, wybierz typ obramowania spośród pięciu różnych stylów. Wszystkie te opcje znajdziesz w sekcji Kontener formularzy .

Lepsza typografia

Możliwości ulepszania typografii i tak nie są ograniczone dzięki Fluent Forms. Podczas dostosowywania za pomocą EA Fluent Forms otrzymasz mnóstwo możliwości, aby tekst odzwierciedlał styl, którym kierujesz się w swojej witrynie.

Zacznij od koloru tekstu. Pozostałe funkcje będą dostępne w następnej zakładce, Typografia. Stamtąd wybierz najpierw rodzinę czcionek, a następnie zmień wszystko inne. Grubość czcionki, dekoracja tekstu, wysokość linii — dostaniesz wszystko.

Daj polu wejściowemu więcej mocy

EA Fluent Forms to super opcja do wprowadzania zmian w polach formularzy. Dzięki oszałamiającej grupie opcji stylizacji możesz wybrać tę, która Ci się podoba: kolor tła i tekstu, style obramowania i wiele więcej. Zmień również kolor symbolu zastępczego.

Niezbędne dodatki — dostosowywanie pól wejściowych dla formularzy Fluent

Wybierz zaawansowaną stylizację wykraczającą poza podstawowe ustawienia Fluent Forms. Możesz teraz ustawić wcięcie tekstu, wysokość i szerokość danych wejściowych oraz wysokość i szerokość obszaru tekstowego dla pól wejściowych. Co więcej, typografia i box shadow umożliwiają również zaprojektowanie lepszej formy.

Stylizacja przycisku radiowego i pola wyboru

Spraw, aby Twój formularz był tak potężny, jak chcesz, dzięki wszystkim ekscytującym funkcjom, które oferuje Fluent Forms. Użytkownicy mogą podać więcej informacji za pomocą radia i pola wyboru. Co ciekawsze, teraz możesz zastosować kolejne style dla tych elementów.

Niezbędne dodatki — radio i pola wyboru dla płynnych formularzy

Po określeniu rozmiaru możesz ustawić kolor i szerokość obramowania. Co więcej, możesz zdefiniować promień obramowania dla pól wyboru i przycisków radiowych. W niektórych przypadkach korzystne może być również wybranie możliwości między normalną a sprawdzoną .

Zmodyfikuj podział sekcji

Niezbędne dodatki — podział sekcji dla formularzy płynnych

Nawet w podziale sekcji możesz zastosować niesamowite opcje obsługiwane przez EA Fluent Forms. Zacznijmy od zmiany koloru etykiety i dostosowania typografii. Więcej ustawień pojawi się później. Jeśli napiszesz opis podziału sekcji, możesz również zarządzać jego ustawieniem.

Piękna siatka pól wyboru

Jeśli wybierzesz styl siatki, który można sprawdzić, dostępne będą opcje edycji i uczynienia tabel siatki bardziej wydajnymi. Zacznij zmieniać nagłówek stołu i ustaw kolor oraz kolor tła. Dwie kolejne kuszące funkcje to dostosowywanie wysokości i wyściółki.

Niezbędne dodatki — siatka pól wyboru dla formularzy Fluent Forms

W przypadku pozycji tabeli siatki otrzymasz te same opcje, co nagłówek tabeli. Jedyna różnica polega na tym, że musisz wybrać nieparzysty kolor tła przedmiotu. Typografia jest dostępna na obu częściach, możliwa jest zmiana rozmiaru czcionki i inne rzeczy.

Upiększyć przycisk przesyłania

Nie daj się narażać na szwank dzięki domyślnemu przyciskowi przesyłania formularzy Fluent Forms. Gdy wybierzesz EA Fluent Forms, pojawi się dużo więcej opcji. Wyrównanie, szerokość, kolor tła – możesz wszystko modyfikować, aby przycisk był bardziej atrakcyjny.

Niezbędne dodatki — dostosuj przycisk przesyłania formularzy Fluent Forms

Zaraz po zmianie koloru tła wybierz kolor tekstu, tak jak wygląda świetnie. Zaktualizuj styl obramowania o typ i promień obramowania. Cień pudełka i typografia to ostatnie, ale nie najmniej dwie fantastyczne opcje dla przycisku przesyłania.

Powiadamiaj wiadomościami

Wyświetlanie komunikatów o błędach i sukcesach to dwie domyślne funkcje WP Fluent Forms. Dzięki EA Fluent Forms możesz zrobić o wiele więcej dzięki dwóm wiadomościom. Możesz wybrać Pokaż lub Ukryj, aby wyświetlić komunikaty o błędach lub ich nie wyświetlać.

Wyświetlając komunikat o sukcesie, możesz zmienić kolor tła i kolor tekstu, a także nadać obramowaniu określony styl. Co więcej, możesz skutecznie poprawić typografię. Podobny styl jest dostępny dla komunikatu o błędzie.

Zaawansowane funkcje dla zaawansowanych użytkowników

Dostosuj swoje formularze w zupełnie nowej pozycji dzięki wszystkim najnowocześniejszym opcjom dostosowywania. Możesz osiągnąć swój cel dzięki tym zaawansowanym funkcjom, nawet jeśli nie możesz sobie wyobrazić niektórych z nich.

Oprócz marginesów i dopełnienia możesz ustawić inne opcje CSS. Określ kolejność stosu elementu z indeksem Z. Podaj identyfikator CSS i klasy, aby zobaczyć więcej działań w formularzu.

Wdróż solidne animowane efekty

Niezbędne dodatki — animowane efekty dla płynnych form

Dlaczego nie ożywisz swojej formy za pomocą efektów ruchu? Zgodnie z obietnicą, Fluent Forms rozszerzyło swoją moc dzięki Essential Addons. Zmień swoją formę statyczną w stan dynamiczny. Niech forma porusza się niesamowicie z wieloma dostępnymi efektami. Za każdym razem, gdy ludzie wchodzą na Twoją stronę, mogą cieszyć się prostymi, ale inteligentnymi animowanymi stylami formularzy kontaktowych.

Fascynujące tło

Dodanie grafiki do tła może ulepszyć interfejs formularza i przyciągnąć więcej klientów. Kiedy wybierasz między normalnym a najechaniem, ustawienie ma osobne opcje i wszystkie są wspaniałe.

Nadaj tłu piękny kolor lub wybierz obraz, który pomoże wyrównać jakość wizualną. Zamiast wybierać obraz, możesz wybrać gradient, a następnie zmienić wszystko, co go dotyczy: kolor podstawowy, drugi kolor, lokalizację, typ i inne.

Ogranicz widoczność

Fluent Forms został opracowany w taki sposób, aby doskonale prezentował się na wszystkich urządzeniach bez naruszania układu. Niezwykłe w Essential Addons to możliwość ukrycia formularza na określonych urządzeniach.

Zastosuj niestandardowy CSS

Dzięki niestandardowemu CSS programiści mogą robić bardziej fascynujące rzeczy. EA Fluent Forms umożliwia profesjonalnym użytkownikom dodawanie preferowanych stylów i spersonalizowanie formularza. Możesz dodać kod CSS do dowolnego widżetu i zobaczyć akcję na żywo.

Co więcej, możesz sklonować dowolny formularz z dowolnej witryny dzięki niestandardowemu CSS. W przeciwnym razie zmień konkretną część według własnego wyboru poza domyślne opcje stylizacji.

Dolna linia

WP Fluent Forms jest jeszcze silniejszy dzięki dostępności w elementach słynnej wtyczki Elementor. Umożliwiły to Essential Addons, a wystarczy kilka kliknięć, aby utworzyć gotowe formularze kontaktowe, które przykują uwagę użytkownika.

1 nowy NT BG

WP Fluent Forms Pro

Wypróbuj Fluent Forms już dziś i przekonaj się sam!

Pobierz teraz

Korzystając z Essential Addons, możesz:

  • zmień układ
  • dodaj swoje ulubione kolory
  • zastosuj swój własny styl
  • spraw, aby był bardziej spersonalizowany
  • poprawić typografię i wszystko

Essential Addons to dodatek Elelementor nr 1 z aktywnymi instalacjami 300K. W dowód miłości pozwalamy naszym użytkownikom pobrać tę wtyczkę z 10% zniżką. Zastosuj ManageNinja jako kod kuponu, aby kupić niezbędne dodatki i sprawić, by tworzenie stron internetowych było bardziej zabawne.