W artykule:
Czy chcesz dodać kalkulator BMI do swojej witryny WordPress?
Jeśli oferujesz treści, produkty lub usługi związane ze zdrowiem i fitnessem, kalkulator BMI może być naprawdę przydatny dla odbiorców.
W tym artykule pokażemy, jak łatwo dodać kalkulator BMI w WordPress. Nie wymaga matematyki ani kodu!
Co to jest BMI i dlaczego jest ważne?
BMI oznacza Body Mass Index. Jest to przybliżona miara tkanki tłuszczowej w oparciu o wzrost i wagę. Obliczanie BMI daje szybkie wskazanie, czy masz niedowagę, nadwagę, lub o odpowiedniej wadze do wzrostu.
Jeśli założyłeś bloga o fitness lub zdrowiu,to może mieć sens oferowanie kalkulatora BMI dla odwiedzających.
Dodanie kalkulatora BMI do twojej witryny może skłonić ludzi do spędzenia więcej czasu w Twojej witrynie. Mogą nawet skończyć kupując coś od ciebie lub jedną z Twoich ofert partnerskich.
Jest to również dobry sposób na zachęcenie do powtarzania ruchu. Jeśli ktoś próbuje schudnąć, może wrócić do twojej witryny, aby sprawdzić, czy jego BMI się poprawiło.
Jak obliczyć BMI?
Możesz obliczyć BMI za pomocą następujących obliczeń:
BMI = kg / m2
Kg to waga osoby w kilogramach I m2 jest ich wysokość w metrach do kwadratu.
Jeśli wolisz obliczyć BMI za pomocą jednostek imperialnych, możesz użyć następującego wzoru:
BMI = [waga lbs / wysokość cale2] x 703
Zdrowe BMI mieści się w zakresie 18,5 – 25. BMI poniżej 18,5 oznacza, że dana osoba ma niedowagę, a BMI powyżej 25 oznacza, że ma nadwagę.
Oczywiście poproszenie czytelników o wyciągnięcie kalkulatora nie jest zbyt pomocne.
Możesz dodać prosty kalkulator na swojej stronie internetowej, gdzie użytkownicy mogą wprowadzić swój wzrost i wagę, dzięki czemu Kalkulator może pokazać im ich BMI. W ten sposób użytkownicy pozostają zaangażowani w Twoją witrynę i są bardziej skłonni do konwersji na klienta.
Tworzenie kalkulatora BMI w WordPress
W tym samouczku będziemy używać wtyczki Formidable Forms. Jest to jedna z najlepszych wtyczek do tworzenia formularzy WordPress na rynku i pozwala tworzyć zaawansowane formularze za pomocą prostych narzędzi przeciągnij i upuść.
Zawiera mnóstwo szablonów formularzy, kalkulatorów, zaawansowanych pól repeater i innych narzędzi. Pozwala to na tworzenie wysoce interaktywnych zaawansowanych formularzy dla Twojej witryny.
Najpierw musisz zarejestrować konto Formidable Forms, a następnie zainstalować i aktywować wtyczkę. Aby uzyskać więcej informacji, sprawdź nasze instrukcje dotyczące instalacji wtyczki WordPress.
Po aktywacji musisz odwiedzić Formidable ” Formy strona, a następnie kliknij przycisk „Dodaj nowy” u góry, aby utworzyć kalkulator BMI.
Gdy to zrobisz, zobaczysz różne szablony, których możesz użyć do utworzenia formularza.
Przewiń w dół, aby znaleźć kalkulator BMI lub po prostu wpisz ” BMI ” w pasku wyszukiwania, aby go zlokalizować.
Teraz, gdy masz szablon kalkulatora BMI na ekranie, Uruchom kursor myszy nad nim i kliknij przycisk Utwórz formularz.
Następnie zostaniesz poproszony o podanie nazwy formularza i opisu. Możesz użyć domyślnej nazwy i pominąć opis, jeśli chcesz. Gdy będziesz gotowy, kliknij przycisk „Utwórz”.
Gdy to zrobisz, Formidable Forms automatycznie utworzy dla ciebie formularz kalkulatora BMI.
Zostaniesz przeniesiony bezpośrednio do widoku „Zbuduj” swojego formularza. Jak widać, sam formularz znajduje się po prawej stronie ekranu. Po lewej stronie znajduje się obszar, w którym można dodawać lub edytować pola formularza.
Kalkulator BMI będzie działał idealnie z ustawieniami domyślnymi. Jeśli chcesz dodać dodatkowe pola, możesz to zrobić, klikając pole po lewej stronie, a zostanie ono automatycznie dodane do formularza.
Możesz usunąć pole BMI Prime, jeśli chcesz, aby formularz był prosty. Nie jest wymagane, aby formularz działał.
Aby usunąć to pole, po prostu kliknij na nie, a następnie kliknij ikonę kosza.
Jeśli chcesz, aby użytkownik przesłał formularz, aby zobaczyć wyniki BMI, możesz również usunąć pola niedowaga, zdrowa waga, nadwaga i otyłość.
Dostosowywanie ustawień kalkulatora BMI
Gdy będziesz zadowolony z kalkulatora BMI, kliknij kartę „Ustawienia” u góry ekranu.
Możesz chcieć wprowadzić zmiany tutaj. Możesz na przykład zmienić domyślne wiadomości wyświetlane użytkownikom po przesłaniu formularza. Jeśli przewiniesz stronę na dół, zobaczysz je wymienione w polu Wyślij.
Gdy ktoś użyje kalkulatora, jego wynik będzie wyświetlany w ten sposób:
Możesz dostosować sformułowanie, aby było odpowiednie dla odbiorców.
Inną opcją jest dodanie linków do dalszych wskazówek. Na przykład możesz mieć treści, które oferują wskazówki dotyczące diety lub ćwiczeń.
Możesz wprowadzić kod HTML w polu. Aby zmienić rozmiar czcionki i kolor tła pola, możesz użyć funkcji style w Formidable Forms. Przejdziemy do tego później w tym samouczku.
Oto przykład komunikatu wynikowego z dołączonym odpowiednim linkiem:
Tip: Pole, w którym możesz edytować wiadomość wyników, jest dość małe. Możesz skopiować wiadomość z pudełka i wkleić ją do edytora kodu, aby ułatwić edycję. Skopiuj go z powrotem do skrzynki wiadomości, gdy skończysz.
Zmiana tekstu przycisku kalkulatora BMI
Jeśli chcesz zmienić tekst przycisku formularza, możesz to zrobić pod Ustawienia ” Stylizacja I Przyciski.
Wystarczy wpisać tekst, którego chcesz użyć. Użyjemy tekstu „Pokaż mój zakres BMI” zamiast ” Zobacz mój zakres!”do tekstu przycisku.
Zmieniliśmy również „Aktualizuj wyniki” zamiast „Aktualizuj” dla tekstu na przycisku, który pojawia się po przesłaniu formularza po raz pierwszy.
Zmiana stylizacji kalkulatora BMI
Domyślnie kalkulator BMI wygląda dość prosto. Tekst jest też dość mały, jak ten:
Możesz zmienić styl formularza, używając różnych kolorów, rozmiarów czcionek i wielu innych. Aby to zrobić, najpierw musisz udać się do Formidable ” Style w panelu WordPress.
Następnie możesz kliknąć przycisk „+Nowy Styl”, aby rozpocząć tworzenie nowego stylu. Alternatywnie możesz edytować istniejący styl domyślny, jeśli chcesz używać tego samego stylu dla wszystkich formularzy.
Stworzymy nowy styl tylko dla naszego formularza kalkulatora BMI.
Jeśli klikniesz menu rozwijane obok karty etykiety pól, możesz zmienić rozmiar etykiet na polach formularza. Zwiększymy to z oryginalnego 14px do 18px.
Po prawej stronie ekranu zobaczysz podgląd stylizacji formularza. Po wprowadzeniu zmian zostanie to automatycznie zaktualizowane.
Prawdopodobnie będziesz chciał zwiększyć rozmiar czcionki i Wysokość pola samych pól, w sekcji „Ustawienia pola”. Możesz zmienić rozmiar przycisków opcji (Imperial vs Metric) w zakładce „pole wyboru i pola opcji”.
Możesz również zwiększyć rozmiar czcionki przycisku w zakładce przyciski. Możesz również wybrać kolor przycisku.
Jeśli chcesz powiększyć komunikat wyników lub zmienić kolor tła, możesz to zrobić w zakładce Wiadomości formularzy.
Po wprowadzeniu wszystkich zmian kliknij „Aktualizuj” w prawym górnym rogu, aby zapisać zmiany w stylu.
Następnie można zastosować styl do formularza. Najpierw idź. Formidable ” Formy więc znajdź swoją formę. Kliknij tytuł formularza, aby go edytować, lub najedź kursorem na formularz i kliknij link „Edytuj” znajdujący się tuż pod nim.
Następnie możesz przejść do zakładki Ustawienia i kliknąć Stylizacja I Przyciski aby ustawić style formularza.
W tym miejscu możesz skorzystać z menu rozwijanego szablon stylu, aby wybrać nowy szablon stylu. Po prostu kliknij rozwijane menu, a następnie kliknij styl, którego chcesz użyć.
Teraz twój formularz zostanie stylizowany zgodnie z szablonem. Oto jak wygląda nasz:
Dodanie formularza kalkulatora BMI do witryny
Gdy będziesz gotowy, możesz umieścić swój formularz na swojej stronie. Najpierw kliknij przycisk „Aktualizuj” w prawym górnym rogu, aby zapisać zmiany:
Następnie musisz edytować istniejący post lub stronę lub utworzyć nową.
Gdy to zrobisz, możesz kliknąć przycisk ( + ), aby dodać nowy blok. Przejdź do sekcji widżety i kliknij potężny blok formularzy. Lub, jeśli wolisz, możesz użyć paska wyszukiwania, aby go znaleźć.
Teraz możesz po prostu wybrać formularz BMI. Kliknij menu rozwijane „Wybierz formularz” i wybierz swój kalkulator BMI, w ten sposób:
Możesz wyświetlić podgląd strony, aby zobaczyć, jak Twój gotowy kalkulator BMI wygląda na żywo w Twojej witrynie. Oto nasze:
Jeśli chcesz coś zmienić lub poprawić, po prostu wróć do formularza na pulpicie nawigacyjnym WordPress. Można go znaleźć pod Formidable ” Formy.
Za każdym razem, gdy wprowadzasz zmiany w formularzu, będzie on automatycznie aktualizowany w każdym miejscu w witrynie. Nie musisz zmieniać krótkiego kodu ani robić nic dodatkowego.
Mamy nadzieję, że ten poradnik pomógł Ci dowiedzieć się, jak dodać kalkulator BMI w WordPress za pomocą groźnych formularzy. Możesz również polubić nasze artykuły na temat najbardziej przydatnych widżetów WordPress i musi mieć wtyczki WordPress dla witryn biznesowych.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
