Відгуки

Ви можете легко створити сторінку відгуків на веб-сайті або додати свої відгуки на сторінку за допомогою розділу відгуків. Додавання відгуків клієнтів на ваш веб-сайт зміцнює довіру до вашого бренду та допомагає підтримувати якісні відносини з клієнтами.


У цій статті:


Список відгуків

  • Ви можете легко включити на свій веб-сайт розділ відгуків, де ви можете демонструвати відгуки, коментарі та відгуки на своєму веб-сайті.
  • Це чудовий спосіб продемонструвати позитивний відгук на вашому веб-сайті.

Додайте розділ списку відгуків

  • До сторінки можна додати розділ. Ви можете або додати розділ до вже існуючої сторінки, або створити нову сторінку на вашому веб-сайті.
  • На вашій сторінці, натисніть на синій + значок додати а Новий розділ на свою сторінку.

  • Тепер ви побачите категорії розділів на лівій стороні.
  • Прокрутіть вниз і виберіть Розділ відгуків (1) варіант, де ви можете вибрати з різних макетів.

  • Виберіть будь-який макет розділу (2) і натисніть на нього, щоб додати його на свою сторінку.

Додавання та редагування елементів списку

Додати елемент списку

Після додавання розділу:

  • Натисніть на Редагувати Відгуки (1) кнопку, щоб відкрити панель елементів списку.

  • Натисніть на Додати товар (2) кнопку, щоб додати новий елемент списку.
  • У вас буде можливість дублювати та видалити (3) пункти списку.


Редагувати елемент списку

Клацніть елемент списку, який потрібно редагувати. Відкриються параметри редагування конкретного елемента списку.

Звідси ви можете:

  • Завантажити/видалити основне та додаткове зображення (1)
    Ви можете завантажити файл Вторинне зображення разом з Первинне зображення для кожного пункту списку. Коли користувач наводить вказівник на елемент, відображатиметься другорядне зображення, яке замінить основне зображення. Крім того, ви можете встановити Колір акценту зображення, який відображатиметься при наведенні зображення.
  • Додавати назва (2), Підзаголовок (3), і Опис (4) пункту списку.
  • Залежно від вибраного вами макета, ви можете не знайти параметр підзаголовка та опису в окремих елементах списку.
    Перш ніж додати опис, перевірте це статті.

5. Дія при натисканні

Ви можете налаштувати поведінку кліків для окремих елементів у розділі «Відгуки» . Нижче наведено доступні опції:

  • Перейдіть за посиланням
    Вибір цієї опції відкриває Конструктор посилань, що дозволяє додати гіперпосилання до цього елемента. Посилання може спрямовувати користувачів на іншу сторінку вашого веб-сайту або зовнішню URL-адресу. Більше інформації Про бренд Конструктор посилань.
  • Відкрити в лайтбоксі
    Цей параметр відображає елемент у збільшеному вигляді Lightbox переглянути при натисканні. У цьому режимі Субтитр та  Опис пов’язані з елементом не відображатимуться у вигляді сітки, але будуть видимі в режимі Lightbox.
  • Дія відсутня
    Виберіть цей параметр, щоб зробити елемент неактивним. Якщо об’єкт вибрано, натискання на нього не запускатиме жодних дій.

6. Відкрити посилання в новому вікні: Налаштуйте відкриття посилання в новій вкладці або в тій самій вкладці. Це буде видно лише тоді, коли в меню «Дія після кліку» вибрано опцію «Перейти до посилання».

7. Кнопки та посилання: Додайте будь-який тип посилання до елемента списку. Ви можете додати посилання на кнопку/зображення/значок соціальної мережі/текстове посилання. Дізнайтеся більше.

8. Зберегти: Після внесення налаштувань збережіть зміни.


Дивіться в дії:


Елементи списку послідовності

  • Ви можете легко перетягнути елементи списку, щоб змінити послідовність.

Видалити елемент списку

Додавши елемент списку, ви можете редагувати його, а також видаляти.

  • Натисніть на видаляти значок поруч із пунктом списку відгуків.
  • Натисніть на видаляти у спливаючому вікні підтвердження.
  • Зберегти ваші зміни.

 

 

Примітка:

Видалений елемент списку не можна відновити.


Керування елементами розділу відгуків

Розділ «Відгуки» містить вкладку «Елементи» , яка дозволяє легко керувати видимістю різних елементів у розділі. За допомогою простих перемикачів ви можете вмикати або вимикати певні елементи, не видаляючи чи змінюючи їх самі.

  • Натисніть на Редагувати Відгуки (1) кнопка.

  • Виберіть Елементи (2) вкладка.
  • Після внесення змін натисніть Зберегти (3) кнопка.

Параметри розділу

  1. Показати заголовок: увімкніть або вимкніть видимість заголовка для розділу Відгуки.
  2. Показати кнопки: керування відображенням кнопок на рівні розділу.

Параметри елементів

  1. Показати зображення: перемикання видимості зображень.
  2. Показати заголовок: керування відображенням заголовка.
  3. Показати субтитри: увімкнення або вимкнення субтитрів.
  4. Показати опис: керування видимістю описів предметів.
  5. Показати кнопки: Вирішіть, чи мають відображатися кнопки для окремих елементів.


Макет розділу

  • Натисніть на Редагувати Відгуки кнопку, щоб відкрити панель редагування розділу.
  • Виберіть макет .
  • Звідси ви можете легко змінити макет розділу навіть після додавання його на сторінку.

Під час зміни макета вгорі ви побачите макети, пов’язані з розділами.

Окрім цього, ви також маєте можливість вибрати макет з інших розділів у розділі «Більше макетів».


Стилізуйте свій розділ

  • Натисніть Редагувати Відгуки (1) кнопку, щоб відкрити панель редагування списку відгуків.

  • Виберіть Стиль (2) .
  • Змініть стиль для елементів розділу та Зберегти (3) ваші зміни.

Параметри стилю

Ви матимете кілька варіантів стилю для розділу: 

    1. предмети
    2. Розмір шрифту
    3. Відстань
    4. Заголовок розділу
    5. зображень
    6. Форма Маска
    7. Границя зображення
    8. Cards
    9. тінь
    10. Кнопка та посилання

предмети 

  1. Виберіть Показати елементи in рядки та стовпці or карусель 
    • Якщо ви вибрали рядки та стовпці пункти списку будуть упорядковані в рядки та стовпці. У цьому випадку потрібно вказати кількість рядків і стовпців.
    • Якщо ви вибрали карусель пункти списку будуть представлені у вигляді слайд-шоу. Більше інформації.
  2. Встановіть кількість стовпців для елементів списку. Ви можете вибрати від 1 до 10 стовпців.
  3. Вкажіть Відстань між колонками елементів списку.
  4. Виберіть Порядок вмісту тобто зображення елементів списку, які будуть відображатися першими, або відповідний текст.
  5. Вирівняти контент в пунктах списку. Ви можете встановити їх вирівнювання по лівому, правому або центральному краю.
  6. Виберіть, зациклювати карусель чи ні.
  7. У випадку каруселі виберіть Елементи керування навігацією. Ви можете вибрати між «Без елементів керування», «Стрілки – унизу по центру/вгорі праворуч/внизу праворуч», «Шеврон» або «Точки».


Розмір шрифту

  1. Натисніть на Змінити стиль тексту кнопку, щоб відвідати Дизайн розділ і керуйте розмірами та стилями шрифтів.
  2. Встановіть назва стиль шрифту для елементів списку.
  3. Встановіть Субтитр стиль шрифту для елементів списку.
  4. Встановити за замовчуванням Опис стиль шрифту для елементів списку.
  5. Увімкніть цю опцію, щоб анімувати будь-які числа присутні в назва та Субтитр поля. Після ввімкнення числові значення відображатимуться з динамічною анімацією підрахунку, що зробить їх візуально привабливішими.


Відстань

  1. Вкажіть Зображення ширини для елементів списку.
  2. Вкажіть Ширина вмісту для елементів списку.
  3. Вкажіть Пробіл під заголовком розділу в px.
  4. Вкажіть Місце під зображеннями пунктів списку (у %).
  5. Вкажіть Пробіл під заголовками пунктів списку (у %).
  6. Вкажіть Пробіл під підзаголовком пунктів списку (у %).


Заголовок розділу

  1. Горизонтальне вирівнювання текст заголовка розділу. Ви можете встановити його вліво, по центру та праворуч.
  2. Увімкнути/вимкнути дільник між заголовком розділу та вмістом розділу.
  3. Встановіть товщина розділювача (у пікселях).
  4. Вкажіть Колір розділювача із засобу вибору кольорів.
  5. Виберіть стиль для роздільник заголовка розділу.


зображень 

  1. Виберіть обрізання зображення для елементів списку. Ви можете встановити зображення як квадрат, коло, пейзаж, портрет і динамічність.
  2. Виберіть загальний радіус кута або інший радіус кута для кожної сторони елементів списку та встановіть число (у пікселях) для кутовий радіус зображень елементів списку.

Чайові

Використовуючи поле радіуса кута , ви можете створювати зображення елементів списку різних форм. Якщо вказати тут 500 пікселів, зображення відображатимуться у формі кола.

  • Якщо ви вибрали розділені кути, ви можете встановити різний радіус кута для кожного кута.

При наведенні зображення 

  1. Виберіть Колір накладання зображення бути акцентний колір або бути зазначений. Якщо ви обрали акцентний колір, потім вкажіть помутніння.
  2. Якщо ви вибрали вказати колір потім установіть параметр Колір накладення для елементів списку.
  3. Встановіть Елементи колір для елементів списку розділу.
  4. Виберіть анімувати зображення елементів списку наведіть курсор, натиснувши кнопку Так.
  5. Виберіть Стиль анімації для зображень при наведенні.


Форма Маска

  1. Форма маски: Увімкніть цей перемикач, щоб застосувати маску фігури до зображення в розділі «Відгук». Після ввімкнення вибрана фігура візуально обріже зображення в цю форму.
  2. Виберіть форму: Вибирайте з різних попередньо визначених форм, щоб застосувати їх до свого зображення. Це дозволяє творчо стилізувати ваш вміст, відображаючи зображення в унікальній формі, як-от заокруглене, ромбоподібне, краплеподібне тощо.

примітки

  • Параметр Shape Mask залежить від макета – Він може не відображатися під макетами, де текст, наприклад заголовок або підзаголовок, відображається поверх зображення.
  • Налаштування Stretch залежить від багатьох факторів – включаючи налаштування розміру зображення, вирівнювання та обрізання, визначені на вкладці «Стиль».
  • Якщо для параметра Обрізання зображення встановлено значення Оригінал, фактичні розміри зображення визначатимуть, чи буде воно розтягнуто вертикально чи горизонтально.


Границя зображення

  1. Увімкнути/вимкнути рамку навколо зображень, перемикаючи перемикач.
  2. Виберіть мати a спільний кордон на всіх сторонах зображень або ви можете вказати межі окремо для кожної сторони.
  3. Вкажіть ширина кордону. Якщо встановлено значення 0, то межа не з’явиться. У вас також є можливість встановити ширину рамки окремо для кожної сторони зображення.
  4. Оберіть виділяє колір із засобу вибору кольорів.
  5. Виберіть потрібний Прикордонний стиль з випадаючого.
  6. Визначте ширина рамки для мобільних пристроїв пристроїв, вирівнявши його за шириною, вибраною для робочого столу.


Cards


тінь

  1. дисплей – Виберіть, щоб тінь відображалася за елементами списку завжди або лише під час наведення курсора.
  2. стиль – Виберіть із існуючих стилів або створіть власну тінь.
    Якщо ви вибрали спеціальний варіант, відвідайте це Генератор тіні коробки щоб створити власну тінь. Нарешті, скопіюйте та вставте box shadow CSS.
  3. Якщо ви вибрали параметр попередніх налаштувань, тоді Виберіть Стилі тіней з випадаючого.


Кнопка та посилання

Збережіть усі зміни стилю.


Картка «Повна» та «Текст».

Коли ви вмикаєте Повна/текстова картка над вашим списком відгуків елементи списку матимуть контур і фон із кольором картки, який ви вибрали в Дизайн . Також див. Кольори та інтервали на сайті.

Повна картка

Якщо вибрано опцію «Повна картка», колір картки буде застосовано до всієї картки, тобто до пов’язаного з нею зображення та тексту. Гляньте: 

 

Текстова картка

Коли вибрано опцію текстової картки, колір картки застосовується лише до тексту, пов’язаного із зображенням. Гляньте: 

 


Не можете знайти те, що шукаєте?

Зв’яжіться з експертом Pixpa.

Pixpa Studio щойно оновлено. Ми зараз оновлюємо всі скріншоти довідкових статей.