Рейтинг по звёздам- это ценное средство для визуального отображения мнения ваших пользователей о ваших продуктах или услугах. Он повышает доверие и может помочь потенциальным клиентам принять обоснованное решение. В этом руководстве вы научитесь, как легко реализовать и настроить рейтинг по звёздам в Elementor.
Ключевые выводы
- Рейтинг по звёздам можно сочетать с Iconbox или Bilderbox.
- Вы можете настроить шкалу рейтинга, а также внешний вид звёзд.
- Звёзды также могут отображать половинные значения для более точных оценок.
- Ссылки и привлекательный дизайн имеют решающее значение для пользовательского опыта.
Шаг 1: Выбор рейтинга по звёздам
Чтобы добавить рейтинг по звёздам в Elementor, сначала выберите подходный виджет. Перейдите в редакторе Elementor в раздел «Виджеты» и найдите «Рейтинг по звёздам». Как только вы найдёте виджет, вы можете просто перетащить его в нужное место на вашей странице.
Шаг 2: Установка шкалы рейтинга
В разделе настроек рейтинга по звёздам вы можете решить, какую шкалу хотите использовать. По умолчанию вам доступны два варианта: шкала от 0 до 5 или от 0 до 10. Выберите шкалу, подходящую для вашей страницы. В этом руководстве мы выберем 5-звёздочную шкалу и установим оценку на 3.
Шаг 3: Настройка дизайна звёзд
На следующем этапе вы можете настроить дизайн звёзд. Выберите один из различных стилей значков, таких как «Font Awesome» или «Unicode». В зависимости от дизайна вашей страницы, вы можете выбрать значки, которые лучше всего подходят. В этом руководстве мы используем «Font Awesome» для более современного представления.
Шаг 4: Настройка заливки звёзд
У вас есть возможность настроить заливку звёзд. Здесь вы можете решить, будут ли звёзды полностью заполнены или только с контурами. Например, если вы хотите полностью заполнить две звезды, вы можете настроить параметр так, чтобы менее половины или только контур были заполнены. Для этой демонстрации мы выберем полностью заполненные звёзды.
Шаг 5: Добавление названия и выравнивания
Теперь важно дать названию рейтинга и выравниванию. Выберите привлекательное название, например, «Мега хорошо», чтобы дать пользователям четкое представление о рейтинге. Установите выравнивание текста на «по центру», чтобы добиться сбалансированного внешнего вида.
Шаг 6: Настройка стиля и типографики
На следующем этапе вы можете настроить оформление текста, чтобы оно соответствовало вашему дизайну. Например, вы можете установить цвет текста, шрифт (обычный, жирный или курсив) и даже межстрочный интервал между текстом и рейтингом. В этом руководстве мы установим шрифт на жирный и увеличим интервал до 6 пикселей.
Шаг 7: Связывание рейтинга по звёздам
Чтобы дать рейтингу по звёздам контекст, добавление ссылки и изображения будет полезным. Вы можете вставить Bilderbox под рейтингом по звёздам, который будет представлять соответствующее изображение. Перетащите виджет Bilderbox в редактор и загрузите подходящее изображение.
Шаг 8: Настройка содержания изображения и текста
После загрузки изображения вы можете добавить текст к нему. Напишите, например, «Тобиас 21» и добавьте короткий текст, объясняющий рейтинг, например «Эта книга открыла мне глаза». Это придаст вашему рейтингу личный и эмоциональный оттенок.
Шаг 9: Добавление разделительной линии
Разделительная линия может быть полезной для визуального отделения рейтинга от остального контента. Перетащите разделительную линию в ваш редактор и разместите её стратегически, а не прямо между текстом и рейтингом. Настройте размер разделительной линии, чтобы создать гармоничное расстояние.
Резюме - советы по дизайну рейтинга по звёздам в Elementor
Теперь вы прошли все необходимые шаги для добавления привлекательного рейтинга по звёздам в Elementor. Это не только повышает аутентичность вашей страницы, но также помогает увеличить вовлечённость пользователей. Убедитесь, что вы регулярно обновляете рейтинги и обеспечиваете их актуальность. Используйте половинные звёзды для более точных оценок и создавайте эстетически приятное общее изображение с помощью привлекательного дизайна.
Часто задаваемые вопросы
Сколько звёзд я могу установить в рейтинге?Вы можете выбрать шкалу от 0 до 5 или от 0 до 10 звёзд.
Могут ли отображаться половинные звёзды?Да, вы также можете использовать половинные звёзды для более точных оценок.
Как я могу настроить дизайн звёзд?Выберите между различными стилями значков и настройками заливки или контура.
Могу ли я добавить изображение к своему рейтингу?Да, это возможно и рекомендуется, чтобы дать контекст рейтингам.
Должен ли я регулярно обновлять рейтинг по звёздам?Да, чтобы предоставить актуальный контент, вам следует регулярно проверять и корректировать рейтинги.
