Типова історія з нашої підтримки: магазин зареєструвався, обрав безкоштовний тариф і віджет безкоштовної доставки, вставив скрипт, у кабінеті світиться «активовано», а на сайті нічого не змінилося. Виявилося, що все встановлено правильно: просто поріг був не той, а сторінка показувала стару копію з кешу. Два з трьох звернень «не працює» закриваються саме так.
Щоб не проходити цей шлях наосліп, нижче подано повну послідовність від реєстрації до першого віджета на сайті. Без програміста, з точним шляхом в адмінці Хорошоп. У сумі це близько трьох хвилин, якщо доступ до адмінки у вас під рукою.
Що потрібно перед початком
- Доступ до адмінки Хорошоп (адреса вашого сайту з /edit у кінці, наприклад shop123456.horoshop.ua/edit) із правом змінювати налаштування сайту. Якщо магазин веде підрядник, попросіть у нього доступ або перешліть йому цю інструкцію.
- Акаунт widgetis. Реєстрація безкоштовна, банківська картка на тарифі Free не потрібна.
- Адреса магазину. Підійде й тестовий домен виду shop123456.horoshop.ua, так роблять більшість магазинів, які ще не запустилися. Після переїзду на власний домен скрипт треба буде оновити, про це є окремий чеклист переїзду.
Крок 1. Додайте сайт у кабінеті widgetis
Після входу в кабінет натисніть «Додати сайт» і вкажіть адресу магазину. Система знайде його, визначить платформу й створить для нього унікальний скрипт. «Унікальний» тут важливо: скрипт прив’язаний саме до вашого домену й не запрацює на іншому сайті, тому копіювати чужий не вийде, і чужий не зможе скопіювати ваш.
Крок 2. Скопіюйте скрипт
На наступному екрані ви побачите один рядок коду, що починається з «<script», і кнопку «Копіювати». Натисніть її, а не виділяйте текст мишкою: так рядок точно скопіюється повністю, разом із закривальним тегом. Редагувати в ньому нічого не треба.
Крок 3. Вставте скрипт в адмінку Хорошоп
- Відкрийте адмінку магазину: адреса вашого сайту з /edit у кінці, наприклад shop123456.horoshop.ua/edit.
- У меню перейдіть у Налаштування → Скрипти.
- Знайдіть поле «Скрипти перед </body>».
- Вставте скопійований рядок у це поле. Якщо там уже є інші скрипти (аналітика, пікселі реклами, чати), нічого не видаляйте: додайте рядок widgetis новим рядком нижче.
- Натисніть «Зберегти». Без цього кроку скрипт не потрапить на сайт, і це друга за частотою причина «не працює».
Саме це поле правильне. Іноді в інструкціях до інших сервісів пишуть «вставте в head»; для widgetis потрібен блок перед закривальним тегом body, там скрипт завантажується після того, як сторінка вже намальована, і не сповільнює її відкриття.
Крок 4. Перевірте встановлення
Поверніться в кабінет widgetis і натисніть «Перевірити встановлення». Кабінет звернеться до вашого сайту й підтвердить, що скрипт на місці. Хорошоп застосовує зміни не миттєво, іноді на це йде до п’яти хвилин. Якщо перевірка не проходить одразу, зачекайте і повторіть.
Коли будете дивитися сайт самі, врахуйте кеш браузера: він охоче показує стару копію сторінки. Оновіть її комбінацією Ctrl+Shift+R (на Mac це Cmd+Shift+R) або відкрийте магазин у вікні інкогніто. Це прибирає більшість «нічого не змінилося».
Крок 5. Увімкніть віджет і задайте налаштування
Після перевірки в кабінеті з’являється перелік віджетів. На тарифі Free можна ввімкнути один на вибір із базового набору: безкоштовна доставка, липка кнопка «Купити», дата доставки, лічильник покупок, значки довіри, маска телефону та інші. Найчастіше нові магазини беруть безкоштовну доставку від суми, і перше, що в ній налаштовують, це поріг.
Налаштування (суму порогу, тексти, кольори під дизайн магазину) на Free змінює менеджер: напишіть у Telegram, що саме потрібно, і зазвичай це роблять того ж дня. На Pro і Max усе редагується самостійно в кабінеті, у розділі «Налаштування віджета» з живим прев’ю на вашому магазині.
Де шукати віджет на сайті
Це найнеочевидніша частина. Різні віджети живуть у різних місцях, а деякі показуються лише на телефоні, тому «відкрив головну на ноутбуці й нічого не побачив» ще не доказ, що щось зламалося.
- Безкоштовна доставка: блок у кошику та плаваюча плашка в куті екрана. Плашка з’являється, коли в кошику вже щось є, тож спершу додайте товар.
- Липка кнопка «Купити»: лише на мобільному і лише на картці товару, коли штатна кнопка пішла за екран при прокрутці. На комп’ютері її не буде, і це нормально.
- Лічильник покупок, залишок на складі: на картці товару.
- Маска телефону: у формі оформлення замовлення.
- Дата доставки, біжучий рядок, значки довіри: на сторінках, які ви обрали в налаштуваннях.
Найпростіша перевірка: взяти телефон, відкрити магазин, покласти товар у кошик і пройти до оформлення. Так ви побачите віджет там, де його бачить покупець. Якщо після цього віджета все ще немає, є чеклист із семи причин, кожна перевіряється за хвилину.
Один скрипт для всіх віджетів
Скрипт вставляється один раз. Коли ви вмикаєте новий віджет, змінюєте поріг або кольори, переходите на інший тариф, в адмінку Хорошоп повертатися не треба: оновлення прилітає на сайт саме через цей рядок протягом кількох хвилин. Єдиний випадок, коли скрипт треба замінити, це зміна домену магазину.
Правильно встановлений віджет такий, який ви бачите з телефона в кошику, а не такий, який «активовано» в кабінеті.Обрати перший віджет
Часті питання
Чи потрібен програміст, щоб встановити віджет на Хорошоп?
Ні. Встановлення полягає в одному рядку скрипта, який вставляється в адмінці Хорошоп у розділі Налаштування → Скрипти, у поле «Скрипти перед </body>». Правити шаблон або код магазину не треба, увесь процес займає близько трьох хвилин.
Куди саме вставляти скрипт у Хорошоп?
Відкрийте адмінку магазину (ваш-домен/edit), перейдіть у Налаштування → Скрипти й вставте рядок у поле «Скрипти перед </body>», потім натисніть «Зберегти». Якщо в полі вже є інші скрипти, додайте рядок widgetis нижче, нічого не видаляючи.
Скільки чекати після вставки скрипта?
Хорошоп застосовує зміни протягом кількох хвилин, максимум до п’яти. Після цього оновіть сторінку з Ctrl+Shift+R або відкрийте магазин у вікні інкогніто, щоб браузер не показував стару копію з кешу.
Чи треба перевставляти скрипт для кожного нового віджета?
Ні. Один скрипт обслуговує всі віджети: нові віджети, зміна порогу, кольорів чи тарифу прилітають на сайт автоматично. Замінити скрипт потрібно лише після зміни домену магазину.
Скрипт вставив, а віджета на сайті немає. Що робити?
Спершу оновіть сторінку з Ctrl+Shift+R або відкрийте сайт в інкогніто й перевірте з телефона на тій сторінці, де віджет має бути: кошик для безкоштовної доставки, картка товару для липкої кнопки. Потім переконайтеся, що скрипт збережено в адмінці, а віджет увімкнено в кабінеті. Решту причин зібрано в окремому чеклисті в блозі.