Оптимальна оцінка зірками в Elementor для WordPress

Зіркова оцінкає цінним інструментом для візуального відображення думки ваших користувачів про ваші продукти чи послуги. Вона підвищує авторитетність і може допомогти потенційним клієнтам прийняти обґрунтоване рішення. У цьому посібнику ви дізнаєтеся, як просто реалізувати та оформити зіркову оцінку в Elementor.

Основні висновки

• Зіркову оцінку можна поєднувати з іконкою або графікою.
• Ви можете налаштовувати шкалу оцінки, а також вигляд зірок.
• Зірки також можуть відображати половинні значення для більш точних оцінок.
• Посилання та привабливе оформлення є вирішальними для користувацького досвіду.

Крок 1: Вибір зіркової оцінки

Щоб додати зіркову оцінку в Elementor, спочатку виберіть відповідний віджет. У редакторі Elementor перейдіть до „Віджети“ і шукайте „Зіркова оцінка“. Коли ви знайдете віджет, ви можете просто перетягнути його в потрібне місце на вашій сторінці.

Крок 2: Встановлення шкали оцінки

У розділі налаштувань зіркової оцінки ви можете вирішити, яку шкалу ви хочете використати. За замовчуванням вам доступні два варіанти: шкала від 0 до 5 або від 0 до 10. Оберіть шкалу, що підходить для вашої сторінки. Для цього посібника ми виберемо 5-зіркову шкалу та введемо оцінку 3.

Крок 3: Налаштування дизайну зірок

На наступному кроці ви можете налаштувати дизайн зірок. Обирайте між різними стилями іконок, такими як „Font Awesome“ або „Unicode“. В залежності від дизайну вашої сторінки, ви можете вибрати іконки, які найкраще підходять. У цьому посібнику ми використовуємо „Font Awesome“ для більш сучасного вигляду.

Крок 4: Налаштування заповнення зірок

Ви маєте можливість налаштувати заповнення зірок. Тут ви можете вирішити, чи зірки повинні відображатися повністю заповненими або лише з контурами. Якщо ви, наприклад, хочете закрити два зірки, ви можете налаштувати параметр так, щоб менше ніж половина або тільки контур був заповненою. Для цієї демонстрації ми виберемо повністю заповнені зірки.

Крок 5: Додавання заголовка та вирівнювання

Тепер важливо дати оцінці заголовок і вирівнювання. Оберіть привабливий заголовок, наприклад „Мега добре“, щоб дати користувачам чітке уявлення про оцінку. Встановіть вирівнювання тексту на „по центру“, щоб досягти збалансованого вигляду.

Крок 6: Налаштування стилю та типографіки

На наступному кроці ви можете налаштувати шрифт, щоб він відповідав вашому дизайну. Наприклад, ви можете встановити колір тексту, стиль шрифту (звичайний, товстий або курсив) і навіть міжрядковий інтервал між текстом та оцінкою. Для цього посібника ми встановимо стиль на товстий та збільшимо відстань до 6 пікселів.

Крок 7: Пов'язання зіркової оцінки

Щоб надати контекст зірковій оцінці, дуже корисно додати посилання та зображення. Ви можете вставити графіку під зірковою оцінкою, яка представляє відповідне зображення. Перетягніть віджет графіки в редактор і завантажте відповідне зображення.

Крок 8: Налаштування зображення та текстового контенту

Після того, як ви завантажите зображення, ви можете додати текст до нього. Наприклад, напишіть „Тобіас 21“ і допишіть короткий текст, який докладніше пояснює оцінку, наприклад „Книга відкрила мені очі.“ Це надає вашій оцінці особистий та емоційний відтінок.

Крок 9: Додавання розділювача

Розділювач може бути корисним для візуального відокремлення оцінки від решти контенту. Перетягніть розділювач у ваш редактор і стратегічно розмістіть його, а не безпосередньо між текстом та оцінкою. Налаштуйте розмір розділювача, щоб створити гармонійний інтервал.

Підсумок – Поради щодо оформлення зіркової оцінки в Elementor

Тепер ви пройшли всі необхідні кроки, щоб додати привабливу зіркову оцінку в Elementor. Вона не лише підвищує автентичність вашої сторінки, але й допомагає збільшити залученість користувачів. Пам'ятайте, що важливо регулярно оновлювати оцінки та забезпечувати їх актуальність. Використовуйте половинні зірки для можливості точніших оцінок і створюйте естетичний загальний вигляд завдяки привабливому дизайну.