Хочете додати живий чат Smartsupp на свій сайт Wordpress? У цьому посібнику описано всі доступні способи встановлення — від офіційного плагіна до ручного додавання коду та розширеного налаштування для окремих сторінок.
Ми розділили його на такі розділи:
Варіант 1: встановлення за допомогою плагіна Wordpress (рекомендовано)
Найпростіший спосіб додати Smartsupp на сайт Wordpress — використати наш офіційний плагін. Ніякого коду — просто встановіть, увійдіть, і ви готові до спілкування.
Встановити плагін
В адмін-панелі Wordpress перейдіть до Plugins > Add New, знайдіть Smartsupp Live Chat і натисніть Install Now. Потім активуйте плагін.
Увійти у свій обліковий запис Smartsupp
Після активації плагіна ви побачите опції Create free account або Connect existing account. Увійдіть, використовуючи свої облікові дані Smartsupp, щоб підключити обліковий запис.
Якщо все налаштовано правильно, ви побачите екран підтвердження, показаний нижче. Widget чату Smartsupp тепер відображатиметься на вашому сайті.
Порада: Використання плагіна — це найшвидший і найбезпечніший спосіб встановлення Smartsupp. Він не вимагає редагування файлів теми або коду, а оновлення виконуються автоматично.
Варіант 2: ручне вставлення коду
Якщо ви не хочете використовувати плагін, можна вставити код чату Smartsupp безпосередньо у файл заголовка (header) теми Wordpress.
Примітка: Неправильне редагування файлів теми може пошкодити сайт. Якщо ви не впевнені у своїх навичках роботи з кодом, ми рекомендуємо використати плагін або звернутися по допомогу до веброзробника.
Скопіювати код чату
Знайдіть свій унікальний код чату Smartsupp у панелі управління: Settings > Channels > Live chat > Installation > Insert code.
Вставити код у тему
Перейдіть до Appearance > Theme File Editor > Theme Header (header.php) і вставте код чату перед закривальним тегом </head>. Потім натисніть Update File.
Варіант 3: розширений — встановлення тільки на певні сторінки
За замовчуванням методи з плагіном і ручним додаванням коду завантажують Smartsupp на кожній сторінці сайту. Якщо ви хочете відображати widget чату лише на окремих сторінках, можна використати сторонній плагін Wordpress Scripts n Styles.
Встановити Scripts n Styles
В адмін-панелі Wordpress перейдіть до Plugins > Add New, знайдіть Scripts n Styles і встановіть цей плагін.
Змінити код чату
Scripts n Styles потребує трохи зміненої версії коду Smartsupp. Видаліть обгортки з тегами <script> — плагін додасть їх автоматично.
Примітка: Переконайтеся, що ви видалили лише відкривальний тег <script type="text/javascript"> і закривальний тег </script>. Сам JavaScript-код потрібно залишити без змін.
Ваш змінений код має виглядати так (лише приклад — використовуйте власний унікальний ключ):
Додати код на окремі сторінки
Перейдіть до Pages, відредагуйте сторінку, на якій має відображатися Smartsupp, і вставте змінений код у розділ Scripts n Styles під вмістом сторінки. Потім натисніть Update Scripts і Update для оновлення сторінки.
Важливі примітки
Smartsupp недоступний на WordPress.com
Smartsupp не можна встановити на безкоштовні сайти WordPress.com. WordPress.com не дозволяє використовувати власні плагіни або кастомний JavaScript-код. Щоб використовувати Smartsupp, потрібне самостійно розміщене встановлення WordPress.org, де ви маєте повний контроль над плагінами і файлами теми.
Примітка: Якщо ви використовуєте обліковий запис Google для входу в Smartsupp, ви не зможете увійти безпосередньо через плагін Wordpress. Ви можете або вставити код чату вручну, або натиснути «Forgotten password» у Smartsupp, щоб налаштувати вхід через ел. пошту.
Пов’язані матеріали:
Smartsupp installation — повний огляд встановлення з усіма методами.
Google Tag Manager — альтернативний спосіб встановлення за допомогою GTM.
Що далі?
Basic chat box settings — налаштуйте кольори, розташування, вітальні повідомлення та інше.
Chat box status — дізнайтеся, як працює статус widget чату та як ним керувати.
Why can't I see the chat on my website? — пошук і усунення типових проблем з встановленням.
Download plugins — перегляньте всі доступні інтеграції з платформами.
💡 Потрібна додаткова допомога? Зв’яжіться з нашою службою підтримки — ми будемо раді допомогти!