Віджет відгуків виконує одну роботу добре: він розміщує відгуки клієнтів на сторінці, де відвідувачі можуть їх бачити, не покидаючи сайт. Це звучить просто, і так воно і є. Головна сторінка може використовувати його для швидкого створення довіри; сторінка продукту може використовувати його, щоб відповісти на запитання «Це справжнє?» перед тим, як покупець прокрутить сторінку вниз.
Причина, чому люди додають віджет відгуків, зазвичай практична, а не декоративна. Невелике агентство може захотіти доказ поруч із блоком цін, тоді як команда електронної комерції може захотіти віджет відгуків поруч із рекомендованим продуктом. Одна сторінка. Одне повідомлення. Менше сумнівів.
Цей посібник проходить через налаштування віджета відгуків Astrina крок за кроком, лише з віджетом. Ширший скрипт сайту розглядається в іншому місці, тому тут ми зосереджуємося на самому елементі сторінки та рішеннях, які впливають на те, як він виглядає, завантажується та публікується.
1. Що таке віджет відгуків Astrina і коли його використовувати
Віджет відгуків Astrina - це блок на сторінці, який відображає вибрані відгуки в форматі, який ви можете розмістити на сайті. Він може бути на головній сторінці, сторінці відгуків або сторінці продукту. Якщо ваша мета - показати соціальне підтвердження в момент прийняття рішення, віджет відгуків підходить для цієї роботи краще, ніж загальний розділ цитат.
Використовуйте його, коли на сторінці вже є чіткий наступний крок. Відвідувач, який читає деталі послуг, порівнює ціни або вирішує між двома планами, вже знаходиться в покупочному настрої. Віджет відгуків допомагає в цьому, оскільки швидко надає контекст, а швидкість має значення.
Не додавайте його лише тому, що сайт виглядає порожнім. Це створює безлад. Віджет відгуків потребує причини для існування на сторінці, наприклад, довіри біля кнопки оформлення замовлення або доказів поруч з формою для потенційних клієнтів.
Для команд, які вже піклуються про структуру на рівні сторінки, віджет відгуків є ще одним елементом контенту, який потрібно розмістити навмисно. Якщо ви також керуєте кількома сайтами клієнтів, ви можете виявити кожним сайтом клієнта в одній панелі управління корисним для організації налаштувань роботи в рамках проектів.
2. Знайдіть віджет відгуків в Astrina та відкрийте процес налаштування
Почніть у своєму обліковому записі Astrina. Знайдіть розділ, який містить віджети або компоненти сторінки, а потім виберіть віджет відгуків. Точна назва може відрізнятися в залежності від макета облікового запису, але мета залишається такою ж: відкрити процес налаштування віджета, а не загальні налаштування сайту.
Якщо ви керуєте живим сайтом, використовуйте обліковий запис, який володіє сторінкою, де з'явиться віджет. Це допоможе уникнути поширеної проблеми «неправильного робочого простору», яка зазвичай проявляється пізніше, коли попередній перегляд виглядає порожнім. Витратно. Легко пропустити.
Коли ви відкриєте налаштування віджета відгуків, ви повинні побачити лише ті опції, які пов'язані з цим блоком. Думайте про формат, джерело контенту та код вбудовування. Ви не встановлюєте відстеження тут. Ви готуєте віджет.
Деякі команди люблять спочатку перевірити меню облікового запису, потім список віджетів, а потім цільову сторінку. Три кліки. Менше плутанини. Якщо вам потрібна допомога з доступом до облікового запису або обмеженнями плану, сторінка може надати актуальні деталі.astrina3. Виберіть правильний формат віджета відгуків для вашої сторінки
3. Виберіть правильний формат віджета відгуків для вашої сторінки
Для сторінки відгуків щільніший макет зазвичай працює, оскільки відвідувачі вже в режимі читання. Для цільової сторінки віджет відгуків повинен залишатися близько до основного заклику до дії і не відсувати кнопку занадто далеко вниз. Один розділ може донести суть, якщо він добре розташований.
Врахуйте кількість простору на сторінці. Вузька колонка залишає мало місця для довгих імен клієнтів або коментарів на кілька рядків. Зона на всю ширину може вмістити більше деталей, але тільки якщо решта сторінки надає їй місце. Якщо віджет відгуків відчуває себе стиснутим, сторінка виглядатиме переповненою, і ніхто цього не любить.
Врахуйте кількість простору на сторінці. Вузька колонка залишає мало місця для довгих імен клієнтів або коментарів на кілька рядків. Повноширока область може вмістити більше деталей, але тільки якщо решта сторінки надає їй місце. Якщо віджет відгуків виглядає стиснутим, сторінка буде виглядати переповненою, і ніхто цього не любить.
Думайте про типи сторінок, а не лише про візуальні елементи. Головна сторінка, сторінка продукту та сторінка відгуків кожна надає віджету відгуків різну функцію. Віджет на головній сторінці може викликати довіру; віджет на сторінці продукту може зняти сумніви; віджет на сторінці відгуків може просто зібрати докази в одному місці.
4. Скопіюйте код вбудовування для віджету відгуків
Після налаштування формату перейдіть до розділу вбудовування або коду для віджету відгуків. Це точка передачі. Ви копіюєте код, що належить цьому віджету, і тільки цьому віджету. Не загальний скрипт відстеження. Не фрагмент коду для всього сайту з іншого посібника з налаштування.
Прочитайте кодове поле перед копіюванням. Деякі налаштування віджетів включають короткий контейнер плюс посилання на скрипт; інші надають один блок для вставки без змін. У будь-якому випадку код має відповідати формату віджету, який ви вибрали на попередньому етапі. Якщо ці два не збігаються, попередній перегляд може зламатися або показати неправильне оформлення.
Зберігайте скопійований код у простому текстовому файлі або в нотатках вашої CMS. Це звучить незначно. Це заощаджує час пізніше. Третя особа, яка торкнеться сторінки, не повинна буде шукати старі повідомлення в чаті.
Якщо ваша команда сайту використовує API для створення кастомних сторінок або автоматизації, Astrina’s astrina5. Вбудуйте віджет відгуків на сайт: розмістіть його в правильному розділі сторінки
5. Вставте віджет відгуків на вебсайт: розмістіть його в правильному розділі сторінки
Тепер вставте код віджета в точну область сторінки, де ви хочете, щоб віджет відгуків з'явився. Загальною помилкою є розміщення його внизу сторінки, оскільки це здається безпечним. Безпечно не завжди добре. Якщо сторінка продає послугу, віджет відгуків часто слід розмістити ближче до пропозиції.
Для головної сторінки розмістіть його під основним заголовком або поруч із розділом з перевагами. Для сторінки продукту поставте його поруч із ціною, основним зображенням або в області кнопки покупки. Для сторінки відгуків розмістіть його під вступним текстом, щоб сторінка відкривалася з контекстом, а потім показувала докази.
Макет важливий так само, як і код. Якщо ваша CMS використовує блоки, виберіть блок, який відповідає ширині сторінки. Якщо ваш конструктор сторінок використовує користувацький HTML, вставте код у правильний компонент, а не в поле нижнього колонтитула, яке з'являється на кожній сторінці. Ця помилка трапляється частіше, ніж команди визнають.
Якщо ви вже порівнюєте інструменти сторінок і вибір структури сайту, astrina сторінка може допомогти, якщо ви балансируєте відгуки з іншими функціями сторінки. Тримайте віджет там, де відвідувач природно зупиняється. Це справжня мета.
6. Попередній перегляд віджета та перевірка правильності відображення відгуків
Використовуйте попередній перегляд перед публікацією. Відкрийте сторінку в режимі чернетки, а потім перевірте, чи віджет відгуків відображається, чи текст читабельний і чи підходить відстань до навколишнього контенту. Один зламаний відступ може зробити сторінку незавершеною.
Подивіться на три речі в попередньому перегляді: сам контент відгуків, візуальне відповідність і поведінка завантаження. Якщо відгуки з'являються з затримкою, секція все ще повинна виглядати навмисно. Якщо відгук обірваний, відрегулюйте формат або ширину контейнера. Якщо віджет порожній, поверніться до налаштувань і підтвердіть джерело контенту.
Спочатку перегляньте на настільному комп'ютері, а потім на мобільному. Віджет, який виглядає добре на широкому екрані, може стати занадто високим на телефоні. Це не теорія. Це відбувається, коли довгий текст відгуку зустрічає вузький екран, і блок розтягується за межі.
Витратьте ще одну хвилину на відстань. Віджет не повинен тіснити наступну секцію, і він не повинен дивно плавати над прогалиною. Така деталь вирішує, чи відчувається сторінка завершеною.
7. Опублікуйте сторінку та протестуйте живий віджет відгуків
Публікуйте лише після того, як попередній перегляд виглядає правильно. Потім відкрийте живу сторінку в новій вкладці та ще раз перевірте віджет відгуків. Живе перевірка важлива, оскільки режим чернетки може приховувати проблеми з кешуванням або дозволами, які з'являються лише після публікації.
Клікніть на сторінку, якби ви були відвідувачем. Чи з'являється віджет відгуків там, де ви його розмістили? Чи завантажуються відгуки достатньо швидко? Чи відповідає блок решті сторінки, коли активні живі CSS та скрипти? Ці три перевірки виявляють більшість проблем до того, як їх помітить клієнт.
Якщо сторінка використовує власний заголовок або область контенту з відкладеним завантаженням, протестуйте віджет і там. Блок, який працює на одному шаблоні, може не спрацювати на іншому. Невелика різниця. Реальні наслідки.
Коли жива сторінка пройде, залиште сторінку відкритою для ще одного оновлення. Якщо віджет огляду залишається стабільним після другого завантаження, ви в набагато кращій формі, ніж здається на перший погляд. Додаткове оновлення нудне, але корисне.
8. Загальні проблеми налаштування віджета огляду та як їх виправити
Якщо віджет огляду не з'являється, почніть з розміщення. Багато проблем виникає через вставлення коду в неправильний блок або в область сторінки, яка прихована на цьому шаблоні. Спочатку перевірте секцію, а не стилізацію.
Якщо віджет з'являється, але виглядає зламаним, найпоширенішою причиною є невідповідність між обраним форматом і розміром контейнера. Віджет огляду на всю ширину всередині вузької колонки буде працювати погано. Змініть розмір блоку або виберіть менший формат. Це виправлення зазвичай займає хвилини, а не години.
Якщо віджет не завантажує огляди, підтвердіть, що обране джерело має опубліковані огляди, прикріплені до нього. Попередній перегляд може виглядати порожнім, коли джерело контенту є порожнім, занадто жорстко відфільтрованим або підключеним до неправильного облікового запису. Ці три помилки надзвичайно поширені.
Якщо віджет з'являється на настільному комп'ютері, але не на мобільному, перевірте, чи мобільний вигляд приховує блок, згортає стовпець або обрізає контейнер коду. Конструктор сторінок може це зробити без попередження. Один екран показує віджет. Інший - ні.
Якщо вашій команді потрібен більш широкий план щодо того, де цей віджет підходить на кількох сторінках, стаття на як налаштувати реальний трафік може допомогти з вибором вимірювань сторінки. І якщо ви будуєте більшу систему контенту, astrina має більше посібників для пов'язаних налаштувань.
Останнє, що потрібно перевірити, - це узгодженість. Віджет відгуків має виглядати як частина сторінки, а не як запозичений об'єкт, покладений зверху. Якщо шрифт, відстань або вирівнювання відчуваються неправильними навіть на 1 крок, поверніться назад і відрегулюйте контейнер, перш ніж вважати це завершеним.
