Сповіщення social proof
Сповіщення social proof - це плаваючі повідомлення (toast notifications), що інформують відвідувачів про останні покупки інших клієнтів. Механізм соціального доказу заохочує до покупки, показуючи, що інші клієнти активно купують у магазині.
Увімкнення модуля
Section titled “Увімкнення модуля”Перейдіть до WooCommerce > Polski > Модулі магазину та увімкніть Social proof. Сповіщення почнуть з’являтися автоматично на основі останніх замовлень WooCommerce.
Функції
Section titled “Функції”- Плаваючі сповіщення про останні покупки
- Дані беруться з реальних замовлень WooCommerce через AJAX
- Кеш transient API (5 хвилин) для продуктивності
- Анонімізація імен клієнтів (наприклад, “Ян К.”)
- Налаштовувана частота та час відображення
- Вибір позиції на екрані (4 кути)
- Опція приховування на мобільних пристроях
- Мініатюра товару в сповіщенні
Налаштування
Section titled “Налаштування”Конфігурація в WooCommerce > Polski > Модулі магазину > Social proof.
| Налаштування | За замовчуванням | Опис |
|---|---|---|
display_interval | 30 | Інтервал між сповіщеннями (секунди) |
display_duration | 5 | Час відображення одного сповіщення (секунди) |
position | bottom-left | Позиція на екрані: bottom-left, bottom-right, top-left, top-right |
anonymize_name | true | Анонімізувати імена клієнтів (Ян Ковальський -> Ян К.) |
hide_on_mobile | false | Приховати сповіщення на мобільних пристроях |
Опція в базі даних: polski_social_proof.
Формат сповіщення
Section titled “Формат сповіщення”Кожне сповіщення містить:
- Мініатюру товару
- Ім’я клієнта (з опціональною анонімізацією)
- Назву товару з посиланням
- Час покупки (наприклад, “2 години тому”)
Приклад: Ян К. купив Сорочку поло - 2 години тому
Технічні деталі
Section titled “Технічні деталі”Джерело даних
Section titled “Джерело даних”Сповіщення генеруються з останніх замовлень WooCommerce зі статусом completed або processing. Модуль бере до 20 останніх замовлень і випадково ротує їх у сповіщеннях.
Дані замовлень кешуються в transient API з часом закінчення 5 хвилин (polski_social_proof_data). Завдяки цьому сповіщення не генерують запитів до бази при кожному відображенні.
- JavaScript:
assets/js/social-proof.js
Скрипт завантажується умовно та отримує дані через AJAX endpoint.
// Фільтрувати дані, що відображаються в сповіщенніadd_filter('polski/social_proof/notification_data', function (array $data): array { // Приховати товари з певної категорії if (has_term('vip', 'product_cat', $data['product_id'])) { return []; } return $data;});
// Змінити кількість замовлень, що беруться для ротаціїadd_filter('polski/social_proof/orders_limit', function (): int { return 50;});
// Змінити час кешуadd_filter('polski/social_proof/cache_expiration', function (): int { return 10 * MINUTE_IN_SECONDS;});CSS-класи
Section titled “CSS-класи”.polski-social-proof- контейнер сповіщення.polski-social-proof--visible- видимий стан (з анімацією).polski-social-proof__image- мініатюра товару.polski-social-proof__content- вміст сповіщення.polski-social-proof__name- ім’я клієнта.polski-social-proof__product- назва товару.polski-social-proof__time- час покупки.polski-social-proof__close- кнопка закриття
ID модуля
Section titled “ID модуля”social_proof
Усунення несправностей
Section titled “Усунення несправностей”Сповіщення не з’являються - перевірте, чи магазин має замовлення зі статусом completed або processing. Модуль потребує щонайменше одного замовлення для відображення сповіщень.
Сповіщення відображаються занадто часто/занадто рідко - налаштуйте параметри display_interval та display_duration.
Сповіщення перекривають інші елементи - змініть позицію в налаштуваннях або налаштуйте z-index у CSS: .polski-social-proof { z-index: 9999; }.
Повідомлення про проблеми: github.com/wppoland/polski/issues