Jak utworzyć własny konfigurator w WordPress (krok po kroku)

Interaktywne elementy, takie jak kalkulatory, mogą poprawić wrażenia użytkownika na twojej witrynie WordPress. Mogą one służyć wielu celom, takim jak generowanie potencjalnych klientów poprzez przechwytywanie e-maili, wspieranie zaangażowania użytkowników i odpowiadanie na zapytania odwiedzających.

Dostarczając wartościowe narzędzia, które bezpośrednio odpowiadają na potrzeby użytkowników, możesz zatrzymać ich dłużej na swojej witrynie, pogłębić ich doświadczenia online i ostatecznie osiągnąć cele Twojej witryny internetowej.

W WPBeginner nasz zespół przetestował wiele narzędzi i wtyczek, aby znaleźć te, które najłatwiej dodają kalkulator do dowolnego celu, takiego jak uproszczenie złożonych obliczeń, dostarczanie spersonalizowanych rekomendacji lub przechwytywanie potencjalnych klientów do przyszłych działań marketingowych.

W tym artykule pokażemy, jak łatwo i krok po kroku stworzyć własny kalkulator w WordPress.

Dlaczego warto dodać własny kalkulator w WordPress?

Konfigurator pozwala klientom szybko obliczyć różne rzeczy bez opuszczania Twojej witryny internetowej.

Na przykład, jeśli prowadzisz bloga o zdrowiu i fitnessie, możesz dodać kalkulator BMI, aby użytkownicy mogli zobaczyć swoje BMI i zdecydować, który plan subskrypcji lub produkt kupić w twojej witrynie internetowej.

Jeśli sprzedajesz na całym świecie, kalkulator online, który konwertuje jednostki metryczne na imperialne, może również zwiększyć sprzedaż, pomagając klientom sprawdzić, czy produkt ma pożądany rozmiar lub wagę.

Możesz także zbudować zaufanie i zmniejszyć liczbę porzuceń koszyka, oferując kalkulator wysyłki. W ten sposób klienci nie będą zaskoczeni nieoczekiwanymi kosztami przy kasie.

Możesz też dodać kalkulator kredytu hipotecznego do swojej witryny internetowej dotyczącej nieruchomości lub kalkulator płatności za samochód do witryny dealera samochodowego.

Te konfiguratory są również świetnym sposobem na generowanie leadów. Możesz na przykład poprosić użytkowników o wpisz ich adres e-mail, abyś mógł wysłać im wyniki. W ten sposób kalkulator może pomóc w budowaniu listy mailingowej w WordPress.

Powiedziawszy to, przyjrzyjmy się, jak łatwo stworzyć własny kalkulator w WordPress.

Jak stworzyć własny kalkulator w WordPress?

Możesz łatwo stworzyć własny kalkulator w WordPressie za pomocą WPForms. Jest to najlepsza na rynku wtyczka do tworzenia własnych kalkulatorów i konfiguratorów formularzy.

Jest wyposażony w kreator typu „przeciągnij i upuść”, ponad 2000 gotowych szablonów i pełną ochronę przed spamem. Ułatwia to tworzenie dowolnych formularzy WordPress, w tym kalkulatora kredytu hipotecznego, zniżki na wysyłkę, kalkulatora wieku i innych. Ponadto jest bardzo przyjazny dla użytkownika.

Najpierw należy zainstalować i włączyć wtyczkę WPForms. Aby uzyskać szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.

Po włączaniu należy przejść na stronę WPForms ” Ustawienia z panelu bocznego administratora WordPress, aby wpisz klucz licencyjny.

Możesz uzyskać ten klucz ze swojego konta na witrynie internetowej WPForms.

Następnie przejdź do strony WPForms ” Addons z kokpitu WordPress i znajdź „Calculations Addon”.

Gdy to zrobisz, po prostu kliknij przycisk „Zainstaluj dodatek”, aby włączyć go na twojej witrynie.

Następnie przejdź do strony WPForms ” Utwórz nowy z twojego kokpitu administratora.

Spowoduje to przejście do strony „Wybierz szablon”, gdzie można rozpocząć od wpisania rodzaju nazwy formularza, który zamierzasz utworzyć.

Następnie można kliknąć opcję „Kalkulator” w lewej kolumnie, aby otworzyć ponad 87 gotowych szablonów kalkulatorów oferowanych przez WPForms, w tym:

• Szablon kalkulatora hipotecznego
• Szablon kalkulatora napiwków
• Szablon kalkulatora leasingu
• Szablon kalkulatora BMI
• Szablon kalkulatora oszczędności i inwestycji

Z tego miejsca możesz kliknąć przycisk „Użyj szablonu” pod dowolnym szablonem formularza. W tym poradniku stworzymy prosty formularz „Kalkulator rabatu na wysyłkę”.

Spowoduje to otwarcie kreatora formularzy na twoim ekranie. Powiadomienie wyświetli podgląd formularza po prawej stronie z polami formularza w lewej kolumnie.

Możesz teraz łatwo dodawać kolejne pola z lewego panelu, a także przeciągać je, aby zmienić ich kolejność.

Następnie przewiń w dół do sekcji „Dostępne elementy” i kliknij to pole, aby otworzyć jego ustawienia na panelu bocznym.

Gdy to zrobisz, możesz dodać tytuł, obrazek i ceny dla wszystkich przedmiotów, które sprzedajesz w swoim sklepie e-handlu.

Pamiętaj jednak, że jeśli chcesz dodać obrazki do sprzedawanych przedmiotów, będziesz musiał włączyć opcję „Use Image Choices”.

Można również kliknąć przycisk „+”, aby dodać więcej elementów lub przycisk „-„, aby usuwać element z sekcji.

Następnie należy kliknąć pole „Wysyłka”, aby otworzyć jego ustawienia w lewej kolumnie. To pole obliczy rabat na wysyłkę na podstawie sumy twojego produktu. Jeśli usuniesz to pole, kalkulator nie będzie działał dla twoich użytkowników, więc upewnij się, że zachowałeś je w formularzu.

Domyślnie pole Wysyłka oferuje automatyczny rabat w wysokości 10% przy zakupach poniżej 50 USD, a następnie mnoży rabat przez 0,25% wraz ze wzrostem Twojej sumy.

Jeśli jednak chcesz zmienić rabat na wysyłkę, przejdź do karty „Zaawansowane” w lewej kolumnie i przewiń w dół do sekcji „Formuła”.

Tutaj możesz zastąpić wartość 10 wartością procentową rabatu, który chcesz zaoferować. Możesz także zmienić sumy produktów.

Jeśli chcesz jeszcze bardziej dostosować zniżkę na wysyłkę, możesz kliknąć odnośnik „Cheatsheet” u góry. Spowoduje to przejście do strony „Arkusz kalkulacyjny formuły obliczeń”, gdzie można lepiej zrozumieć zasady i ciągi znaków, których należy użyć.

Następnie w ten sam sposób można skonfigurować ustawienia wszystkich pozostałych opcji pól.

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz” u góry, aby zapisać twoje ustawienia.

Następnie musisz otworzyć stronę WordPress lub wpis, w którym chcesz dodać formularz kalkulatora wysyłki w edytorze bloków.

Następnie kliknij przycisk dodawania bloku „+” w lewym górnym rogu, aby otworzyć menu bloków i osadzać blok WPForms.

Gdy to zrobisz, po prostu wybierz formularz kalkulatora rabatu wysyłkowego z menu rozwijanego w samym bloku.

Na koniec kliknij przycisk „Aktualizuj” lub „Opublikuj” u góry, aby zapisać twoje ustawienia. Teraz możesz przejść na swoją witrynę internetową WordPress, aby zobaczyć własny formularz kalkulatora w działaniu.

Tutaj pole wysyłki automatycznie obliczy koszt wysyłki zgodnie z cenami różnych produktów, które klienci zamawiają w Twojej witrynie.

Dostosuj swój własny formularz kalkulatora w WordPressie

W pewnym momencie możesz spróbować zmienić kalkulator, aby sprawdzić, czy możesz uzyskać więcej konwersji. Na przykład, pole „E-mail” może być obowiązkowe.

Aby wprowadzić te zmiany, wystarczy przejść na stronę WPForms ” Wszystkie formularze z kokpitu WordPress.

Gdy już się tam znajdziesz, kliknij odnośnik „Edytuj” pod nazwą formularza, aby ponownie uruchomić go w kreatorze formularzy.

Możesz teraz dostosować pola formularza lub utworzyć nowe pola, postępując zgodnie z procesem opisanym powyżej.

Kiedy skończysz, po prostu kliknij przycisk „Zapisz”, a zmiany pojawią się automatycznie na twojej witrynie internetowej lub blogu.

Zobacz swoje wpisy w formularzu kalkulatora

Za każdym razem, gdy ktoś wypełnia formularz na twojej witrynie internetowej, WPForms automatycznie zapisuje jego wpis w bazie danych WordPress. Dzięki temu możesz zobaczyć, w jaki sposób ludzie korzystają z formularza i zobaczyć dane kontaktowe Twoich odwiedzających.

Aby zobaczyć te informacje, wystarczy przejść do strony WPForms ” Wpisy w kokpicie WordPress i przewinąć w dół do sekcji „Nazwa formularza”.

Następnie kliknij formularz kalkulatora, aby zobaczyć wpisy.

Spowoduje to otwarcie listy wszystkich wpisów formularza na twojej stronie. W tym miejscu możesz kliknąć ikonkę kółka, aby oznaczyć wpis jako przeczytany.

Możesz również kliknąć odnośnik „Wyświetl” obok każdego wpisu, aby zobaczyć wszystkie szczegóły formularza, w tym adres e-mail, numer telefonu, zamówione przedmioty, rabat na wysyłkę i inne.

Czasami możesz chcieć udostępnić dane formularza osobom, które nie mają dostępu do twojego kokpitu WordPress. Na przykład, możesz prowadzić agencję programistyczną WordPress i zarządzać wieloma witrynami internetowymi dla klientów.

Dzięki WPForms możesz wyeksportować wszystkie twoje dane jako plik CSV lub XLSX, klikając odnośnik „Eksportuj wszystko” u góry.

Spowoduje to otwarcie nowego ekranu, na którym można wybrać wszystkie pola formularza, których dane mają zostać wyeksportowane. Następnie kliknij przycisk „Pobierz plik eksportu”, aby zapisać dane twojego formularza jako plik XLSX.

Bonus: Tworzenie własnych, złożonych konfiguratorów za pomocą Formidable Forms

Jeśli chcesz stworzyć bardziej złożone kalkulatory na swojej witrynie internetowej WordPress, zalecamy skorzystanie z Formidable Forms. Jest to zaawansowana wtyczka do formularzy, która zawiera kreator typu „przeciągnij i upuść”, gotowe szablony i dynamiczne pola.

Dodatkowo, wtyczka może wykonywać zaawansowane obliczenia, takie jak używanie formuł, obliczenia warunkowe, formatowanie liczb i wiele innych, co czyni ją doskonałym narzędziem do tworzenia kalkulatorów.

Za pomocą wtyczki można tworzyć różnego rodzaju kalkulatory, takie jak kalkulator procentowy, kalkulator cen, kalkulator pożyczki, kalkulator wieku, kalkulator ubezpieczenia na życie i kalkulator odsetek składanych.

Na przykład, jeśli sprzedajesz kursy online, możesz dodać formularz kalkulatora ROI, aby pokazać użytkownikom, w jaki sposób zakup twojego kursu może zwiększyć ich potencjał zarobkowy.

Inne funkcje Formidable Forms obejmują logikę warunkową, wskaźniki postępu, wielostronicowe formularze i pole ChatGPT, które pomaga użytkownikom szybciej wypełnić formularz.

Formidable Forms może nawet integrować się z różnymi usługami e-mail marketingu, aby rozwijać twoją listę mailingową. Aby uzyskać więcej informacji, zapoznaj się z naszą pełną recenzją Formidable Forms.

Mamy nadzieję, że ten artykuł pomógł Ci dodać własny konfigurator w WordPress. Możesz również zapoznać się z naszym przewodnikiem krok po kroku na temat śledzenia konwersji w WordPress i naszymi najlepszymi wtyczkami do formularzy kontaktowych WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.