Віджет соціальних мереж для OpenCart

Віджет соціальних мереж – це акуратна "кнопка зв'язку" для OpenCart, яка завжди під рукою у покупця. Натиснув на головний круглий перемикач і на сайті розкривається набір іконок з потрібними каналами спілкування: від месенджерів до дзвінка та листа. Ідеально, коли хочеться скоротити шлях клієнта до питання, заявки чи покупки до одного кліка.

Призначення модуля

Модуль додає на вітрину віджет зв'язку, що плаває, який автоматично виводиться у футері сайту (через подію OpenCart) і працює як «панель швидких контактів». Ви самі вирішуєте, які кнопки показувати, а які відключити, і задає основні параметри відображення.

Канали зв'язку, що підтримуються

Віджет вміє збирати в одному місці одразу кілька способів зв'язатися з вами. Список підтримуваних кнопок:

• Telegram (username)
• WhatsApp (номер телефону в міжнародному форматі без "+")
• Skype (логін/акаунт)
• Viber (номер телефону)
• Facebook Messenger (ID або ім'я сторінки)
• Line (ID)
• Instagram (ім'я профілю)
• Телефон (посилання tel: )
• Email (посилання mailto:)

Як це працює на сайті

На вітрині виводиться блок віджету з основним активатором. На кліку іконки плавно «виїжджають» доступні кнопки. Для кожної кнопки автоматично формується посилання потрібного формату (наприклад, https://t.me/username або mailto: email@domain.com ).

Розумні нюанси для мобільних пристроїв

Модуль використовує визначення пристрою (Mobile Detect), щоб зробити поведінку максимально зручною:

• на робочому столі посилання відкриваються з target="_blank", щоб не виводити відвідувача зі сторінки;
• для Instagram на Android/iOS формуються «глибокі» посилання, які намагаються відкрити профіль прямо у додатку;
• для Viber враховуються особливості формату номера на ПК та iOS (за потреби додається "+").

Важливо: якщо ви вмикаєте кнопку (статус ON), обов'язково заповніть відповідне поле. В адмінці вбудована перевірка даних: для телефонів – лише цифри та адекватна довжина, для логінів/ID – перевірка на заповненість та обмеження за символами.

Рекомендації щодо налаштування

• Не включайте відразу всі канали: залиште 3-5 найпопулярніших, так вибір буде швидше.
• Для WhatsApp/Viber/Телефону використовуйте міжнародний формат без пробілів і без + (як підказано в налаштуваннях).
• Підберіть колір головної кнопки під акцентний колір вашого шаблону віджет буде помітним, але «в стилі» сайту.
• Якщо аудиторія мобільна – обов'язково активуйте Instagram/месенджери: глибокі посилання допомагають відкрити програми безпосередньо.