Optymalna ocena gwiazdkowa w Elementorze dla WordPressa

Ocena-gwiazdkowato cenne narzędzie do wizualnego przedstawiania opinii użytkowników na temat Twoich produktów lub usług. Zwiększa wiarygodność i może pomóc potencjalnym klientom w podjęciu świadomej decyzji. W tym przewodniku dowiesz się, jak łatwo zrealizować i zaprojektować ocenę gwiazdkową w Elementorze.

Najważniejsze wnioski

• Ocena gwiazdkowa może być łączona z ikoną lub obrazem.
• Możesz dostosować skalę oceny oraz wygląd gwiazd.
• Gwiazdy mogą również przedstawiać wartości pośrednie, aby pokazać dokładniejsze oceny.
• Linkowanie i atrakcyjne wzornictwo są kluczowe dla doświadczenia użytkownika.

Krok 1: Wybór oceny gwiazdkowej

Aby dodać ocenę gwiazdkową w Elementorze, najpierw wybierz odpowiedni widget. W edytorze Elementor przejdź do „Widgety” i wyszukaj „Ocena gwiazdkowa”. Gdy znajdziesz widget, możesz go po prostu przeciągnąć w wybrane miejsce na swojej stronie.

Krok 2: Ustalenie skali oceny

W obszarze ustawień oceny gwiazdkowej możesz zdecydować, jaką skalę chcesz zastosować. Domyślnie masz do wyboru dwie opcje: skalę od 0 do 5 lub od 0 do 10. Wybierz skalę odpowiednią dla swojej strony. W tym przewodniku wybierzemy skalę 5-gwiazdkową i wprowadzimy ocenę 3.

Krok 3: Dostosowanie wyglądu gwiazd

W następnym kroku możesz dostosować wygląd gwiazd. Wybierz spośród różnych stylów ikon, takich jak „Font Awesome” lub „Unicode”. W zależności od projektu swojej strony możesz wybrać ikony, które będą najlepiej pasować. W tym przewodniku użyjemy „Font Awesome” dla nowocześniejszego przedstawienia.

Krok 4: Konfiguracja wypełnienia gwiazd

Masz możliwość dostosowania wypełnienia gwiazd. Tutaj możesz zdecydować, czy gwiazdy mają być całkowicie wypełnione, czy tylko z konturami. Na przykład, jeśli chcesz, aby dwa gwiazdy były wypełnione, możesz dostosować ustawienie, aby mniej niż połowa lub tylko kontur była wypełniona. W tej demonstracji wybieramy wypełnione gwiazdy.

Krok 5: Dodanie tytułu i wyrównania

Teraz ważne jest, aby nadać ocenie tytuł i wyrównanie. Wybierz atrakcyjny tytuł, na przykład „Mega dobrze”, aby zapewnić użytkownikom jasne wyobrażenie o ocenie. Ustaw wyrównanie tekstu na „wyśrodkowane”, aby uzyskać zrównoważony wygląd.

Krok 6: Dostosowanie stylu i typografii

W następnym kroku możesz dostosować czcionkę, aby pasowała do twojego projektu. Na przykład możesz ustawić kolor tekstu, krój pisma (normalny, pogrubiony lub kursywa) oraz nawet odstęp między tekstem a oceną. W tym przewodniku ustawimy krój pisma na pogrubiony i zwiększymy odstęp do 6 pikseli.

Krok 7: Linkowanie oceny gwiazdkowej

Aby nadać ocenie gwiazdkowej kontekst, dodanie linku i obrazu ma dużą wartość. Możesz dodać pole obrazów poniżej oceny gwiazdkowej, które przedstawia odpowiedni obraz. Przeciągnij widget obrazu do edytora i załaduj odpowiedni obraz.

Krok 8: Dostosowanie treści obrazu i tekstu

Po załadowaniu obrazu możesz dodać do niego tekst. Napisz na przykład „Tobias 21” i dołącz krótki tekst, który bardziej wyjaśnia ocenę, np. „Książka otworzyła mi oczy.” To nada Twojej ocenie osobisty i emocjonalny kontekst.

Krok 9: Dodanie linii oddzielającej

Linia oddzielająca może być przydatna, aby wizualnie oddzielić ocenę od reszty treści. Przeciągnij linię oddzielającą do swojego edytora i umieść ją strategicznie, zamiast bezpośrednio między tekstem a oceną. Dostosuj rozmiar linii oddzielającej, aby stworzyć harmonijną odległość.

Podsumowanie – Wskazówki dotyczące projektowania oceny gwiazdkowej w Elementorze

Przeszedłeś teraz przez wszystkie niezbędne kroki, aby dodać atrakcyjną ocenę gwiazdkową w Elementorze. Zwiększa to nie tylko autentyczność Twojej strony, ale także pomaga zwiększyć zaangażowanie użytkowników. Pamiętaj, aby regularnie aktualizować oceny i zapewnić ich relevancję. Używaj pół gwiazdek, aby umożliwić dokładniejsze oceny i stwórz estetyczny ogólny obraz dzięki atrakcyjnemu wzornictwu.