Практична інструкція

Як додати відгуки клієнтів і оцінки на свій сайт

Клієнти ставлять оцінку в короткій формі, ви схвалюєте відгуки, які хочете показати, а один рядок HTML виводить їх на сторінку.

Коротка відповідь. Додайте у форму Formgong поле rating (від 1 до 5), увімкніть для цієї форми збір відгуків у розділі «Відгуки» кабінету, схваліть ті, що хочете показати, і вставте один div і скрипт /reviews.js туди, де вони мають бути. Без вашого схвалення нічого не стає публічним.

Formgong

Як додати відгуки клієнтів на сайт безкоштовно
Як додати відгуки клієнтів і оцінки на свій сайт

Як це працює

Якщо ваша контактна форма вже працює через Formgong, відгуки йдуть тим самим шляхом. Клієнт заповнює коротку форму з оцінкою, вона приходить вам як звичайна заявка, а ви вирішуєте, чи показувати її на сайті. Поки ви не натиснете «Схвалити», ніхто сторонній відгуку не побачить.

Налаштування займає чотири кроки й працює на безкоштовному тарифі. Кожна оцінка — це одна заявка в місячному ліміті, а показ відгуків на сайті нічого не коштує.

Крок 1. Додайте форму з оцінкою

Поставте цю форму туди, де просите клієнтів про відгук: на сторінку «Дякуємо за замовлення», у посилання в листі після покупки чи на окрему сторінку. Замініть fk_your_access_key на ключ своєї форми.

Щоб зрозуміти, що повідомлення — це відгук, Formgong дивиться на одне поле: rating, ціле число від 1 до 5. Найпростіше зібрати його перемикачами. Ім'я й текст відгуку необов'язкові.

Приховане поле botcheck ловить ботів. Заявка, яка його заповнила, потрапляє в спам, а зі спаму відгук ніколи не з'являється.

HTML
<form action="https://formgong.com/submit" method="POST">
  <input type="hidden" name="access_key" value="fk_your_access_key">
  <input type="hidden" name="_lang" value="uk">
  <fieldset>
    <legend>Як ви нас оціните?</legend>
    <label><input type="radio" name="rating" value="5" required> ★★★★★</label>
    <label><input type="radio" name="rating" value="4"> ★★★★</label>
    <label><input type="radio" name="rating" value="3"> ★★★</label>
    <label><input type="radio" name="rating" value="2"> ★★</label>
    <label><input type="radio" name="rating" value="1"> ★</label>
  </fieldset>
  <label>Ваше ім'я <input name="name" maxlength="80"></label>
  <label>Email (необов'язково, для нашої відповіді) <input type="email" name="email" maxlength="254"></label>
  <label>Ваш відгук <textarea name="testimonial" maxlength="2000"></textarea></label>
  <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)">
    <input type="text" name="botcheck" tabindex="-1" autocomplete="off">
  </div>
  <button type="submit">Надіслати відгук</button>
</form>

Крок 2. Увімкніть відгуки для цієї форми

Відкрийте кабінет і натисніть у меню Відгуки. У полі Збирати відгуки формою виберіть свою форму й натисніть Увімкнути. Форма з'явиться вгорі сторінки разом із кодом, який ви вставите на сайт на кроці 4.

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

Крок 3. Схваліть відгуки, які хочете показати

Кожен новий відгук з'являється в розділі Відгуки зі статусом Очікує, а біля пункту меню видно, скільки їх чекає. Крім того, кожен відгук приходить вам у Telegram або на пошту, як будь-яка заявка, тож ви знатимете, коли зазирнути.

Натисніть Схвалити, і відгук з'явиться на сайті протягом хвилини. Натисніть Сховати, і він лишиться приватним. Передумати можна будь-коли, в обидва боки. Фільтри вгорі перемикають між відгуками, що чекають, схваленими й прихованими або показують відгуки однієї форми.

Відповісти на відгук публічно або приватно

Під кожним відгуком є посилання Публічна відповідь · Приватна відповідь. Публічна відповідь з'являється під відгуком на вашому сайті з підписом «Відповідь власника». Якщо автор залишив email, він ще й отримає вашу відповідь листом, тією мовою, якою писав відгук. Якщо так не треба, зніміть у картці форми позначку Надсилати автору лист, коли я відповідаю публічно.

Приватна відповідь на сайті не з'являється ніколи. Куди вона піде, задається для кожної форми в полі Приватні відповіді: листом автору відгуку, на ваші вебхуки підписаною подією review.reply.private (зручно, коли лист має надіслати ваша CRM чи хелпдеск) або нікуди, лише як нотатка. Кожна приватна відповідь лишається під відгуком зі статусом: надіслано, збережено, помилка або денний ліміт. Одна людина отримує не більше 3 листів-відповідей на день.

Якщо у формі вказано Reply-To для автовідповідей, автор може відповісти на ваш лист, і відповідь піде туди. Без нього лист не пропонує відповідати. Адресу автора використовуємо тільки для цих відповідей: у віджеті й JSON її немає, а видаляється вона, коли спливає термін зберігання заявок форми.

Крок 4. Виведіть відгуки на сайт

Вставте цей код туди, де мають бути відгуки, і поставте свій ключ замість fk_your_access_key:

HTML
<div data-formgong-reviews="fk_your_access_key" data-limit="6" data-title="Що кажуть наші клієнти"></div>
<script src="https://formgong.com/reviews.js" defer></script>

Як виглядає віджет і що в ньому можна налаштувати

data-limit задає, скільки відгуків показати: від 1 до 50, а якщо не вказати, то 6. Середня оцінка й кількість над ними все одно враховують усі схвалені відгуки. data-title додає заголовок, і він з'являється лише тоді, коли є хоча б один схвалений відгук.

Віджет бере шрифт і колір тексту з вашої сторінки, але малює себе всередині shadow DOM, тож CSS сайту його не зламає. Поки ви не схвалите перший відгук, він нічого не показує, тож порожнього блоку на новій сторінці не буде. Скрипт важить близько 3,3 КБ (1,4 КБ у стисненому вигляді), не ставить cookies і додає під відгуками невелике посилання на Formgong.

Якщо ваш сайт надсилає заголовок Content-Security-Policy, додайте https://formgong.com у script-src і connect-src, інакше браузер заблокує віджет.

Під кожним відгуком можна додати кнопку «Корисно»: поставте в картці форми позначку Показувати кнопку «Корисно» під кожним відгуком. Кожен відвідувач рахується один раз на відгук, кнопки «не подобається» немає, а голоси не змінюють порядок відгуків, тож критичний відгук ніхто не сховає вниз.

Хочете свій дизайн? Беріть JSON

Усе, що показує віджет, лежить і за адресою https://formgong.com/reviews/fk_your_access_key.json. Її може читати будь-який сайт, вона оновлюється протягом хвилини після схвалення і відповідає 404, якщо ключ неправильний або відгуки для форми вимкнені. Там середня оцінка, кількість схвалених відгуків і 50 найновіших:

JSON
{
  "average": 4.5,
  "count": 2,
  "reviews": [
    { "rating": 5, "author": "Anna", "body": "Answered within an hour.", "date": "2026-10-09",
      "reply": { "body": "Thank you, Anna!", "date": "2026-10-09" } },
    { "rating": 4, "author": null, "body": "Good service.", "date": "2026-10-08", "reply": null }
  ]
}

Які поля читає Formgong

rating має бути цілим числом від 1 до 5. Якщо хтось надішле 4.5, 0 чи слово «п'ять», заявка до вас усе одно дійде, просто відгуком вона не стане.

Ім'я автора Formgong бере з першого непорожнього поля серед name, full_name і author, до 80 символів. Якщо імені немає, відгук показується без нього. Текст береться з першого непорожнього поля серед testimonial, review, comment, feedback і message, до 2 000 символів.

Що зберігається і як довго

Схвалений відгук лишається на сайті, доки ви його не сховаєте, навіть коли саму заявку вже видалено за налаштуванням зберігання. Відгуки, що чекають, і приховані видаляються, коли спливає термін зберігання заявок форми. Видалите заявку — зникне і її відгук; видалите форму — зникнуть усі її відгуки. Відгуки зберігаються в ЄС, поруч із вашими заявками.

Чого віджет не вміє

Зірок у пошуку Google він не дасть. Google не показує зірки для відгуків, які бізнес збирає сам про себе на власному сайті (сторінки LocalBusiness і Organization), тож ці відгуки — для ваших відвідувачів, а не для пошукової видачі.

Він не підтягує відгуки з Google чи Facebook: показуються лише ті, що прийшли через вашу форму Formgong. Фото й відео теж не підтримуються, лише текст і зірки.

Одна форма — це один набір відгуків, тож якщо вам потрібні окремі відгуки для різних товарів, зробіть для кожного свою форму. Блок оцінки під кожною статтею цього блогу теж працює на формі Formgong з увімкненими відгуками.

Питання та відповіді

Віджет відгуків безкоштовний?

Так, на всіх тарифах, зокрема безкоштовному. Кожна оцінка — одна заявка в місячному ліміті, а віджет і JSON нічого не коштують.

Чи може відгук з'явитися на сайті без мого схвалення?

Ні. Кожен відгук чекає в розділі «Відгуки» кабінету, доки ви його не схвалите, і сховати його можна будь-коли.

Чи працює це на сайтах Lovable, Bolt, Astro або на звичайному HTML?

Так. Форма — це звичайний HTML, що надсилає дані у Formgong, а віджет — один тег script, тож це працює на будь-якому хостингу.

Чи з'являться зірки в пошуку Google?

Для відгуків про ваш власний бізнес — ні. Google не показує зірки на сторінках LocalBusiness чи Organization, які збирають відгуки про себе.

Чи можна оформити відгуки по-своєму?

Так. Беріть публічний JSON і виводьте як завгодно або дозвольте віджету підхопити шрифт і кольори вашої сторінки.

Джерела та документація

Офіційні джерела для цієї інструкції: Google: Review snippet structured data, MDN: Using shadow DOM, MDN: Content-Security-Policy. HTML-форма зворотного зв'язку, де зберігаються дані.

Оцініть цю статтю

Ваша оцінка

Ми читаємо кожну оцінку. Коментар з'явиться тут лише після нашого схвалення.

← До блогу