Бюджет: 19959 UAH Термін: 20 днів
оброго дня.
Дякую за детальне технічне завдання — воно повністю зрозуміле. Готовий реалізувати легкий клієнтський віджет-квіз із контактною формою та інтеграціями відповідно до описаних вимог.
1. Функціонал
Плаваюча кнопка у правому нижньому куті, по кліку відкривається адаптивна панель (ширина 360–420 px).
Мініквіз у три кроки:
Вибір категорії, бюджету або терміну.
Додаткові опції (за потреби).
Контактна форма: ім’я, телефон або email, чекбокс згоди.
Після відправлення — повідомлення подяки з можливістю перейти у WhatsApp/Telegram або повернутись на сайт.
Прогрес-бар, валідація полів у реальному часі, антиспам (honeypot + таймінги, опційно reCAPTCHA v3).
Підтримка світлої та темної теми, кастомізація кольорів через CSS-змінні.
Локалізація українською, російською та англійською (тексти з JSON).
2. Технічна реалізація
Чистий Vanilla JS без сторонніх бібліотек.
Стилі ізольовані через Shadow DOM або з префіксами.
Асинхронне завантаження, розмір бандла до 40 кб gzip.
Підтримка останніх двох версій Chrome, Edge, Firefox та Safari 15+, а також мобільних браузерів iOS/Android.
Конфігурація через об’єкт window.WidgetConfig:
window.WidgetConfig = {
lang: 'ua',
colors: { '--accent': '#00AEEF', '--bg': '#ffffff' },
fields: ['name', 'phone', 'email'],
steps: [...],
webhookUrl: 'https://example.com/webhook',
enableMessengers: { whatsapp: true, telegram: true },
showCondition: { minTimeOnPage: 10, exitIntent: true, utm: ['utm_source'] },
allowedOrigins: ['https://your-site.com']
}
3. Інтеграції
Відправлення даних на REST webhook (JSON).
Можливість дублювати дані на Email (через SMTP-relay) або Google Sheets (через webhook).
Аналітика: події widget_open, quiz_step, submit_success, submit_error через dataLayer.push для GA4 або GTM.
4. Безпека та приватність
Використання TLS-запитів, обмеження CORS по домену, rate-limit на бекенді.
Не зберігаються і не логуються персональні дані.
Чекбокс згоди з політикою конфіденційності, мінімальний набір полів форми.
5. Результат для замовника
Самостійний JS-скрипт, готовий до підключення на будь-який сайт.
Документація з прикладом конфігурації window.WidgetConfig.
Приклад серверного webhook-обробника для прийому даних (Node.js або Python).
Файли локалізацій українською, російською та англійською.
Якщо формат і підхід вам підходить — можу підготувати базову структуру проєкту та приклад робочого віджета.
Ставки поки відсутні
Актуальні фриланс-проєкти в категорії Javascript та Typescript
-
27 000 UAH
Розробка Telegram Mini App (RPG Game)
Веб-програмування 64 ставки 29 липня
-
Не вказано
Автоматизація створення вертикальних відео одного типу, плагіном в After Effects.
HTML та CSS верстання 14 ставок 23 липня
-
6000 UAH
Розробка Tampermonkey-скрипта для автоматизації відповідей у внутрішній CRM через API OpenAI
Веб-програмування 83 ставки 20 липня