Налаштування GTM та відслідковування подій у проєкті на Vue.js/Nuxt.js 3

Необхідно розробити веб-додаток для автоматизації підтвердження замовлень та пропозиції додаткових товарів клієнтам через Viber. Замовлення надходять у CRM SalesDrive. Загальна логіка роботи: 1. Менеджер у веб-додатку обирає одне або кілька замовлень з SalesDrive, обирає сценарій та одну або кілька рекламних листівок, після чого запускає автоматичну обробку. 2. Клієнту через Viber Business Messages надсилається транзакційне повідомлення з даними замовлення: товари, сума, спосіб оплати, місто, служба доставки та відділення/адреса. Клієнт обирає: — «Так, далі»; — «Зв'язатися з менеджером». 3. Після підтвердження клієнту автоматично надсилається одна або кілька обраних менеджером рекламних листівок з додатковими товарами. 4. Клієнт у вільній текстовій формі одним або кількома повідомленнями пише, які товари і в якій кількості хоче додати. Після завершення вибору клієнт натискає кнопку «Я все обрав(ла)» 5. ІІ аналізує всі повідомлення клієнта і співвідносить обрані позиції тільки з товарами, що містяться в надісланих клієнту листівках. Для кожної листівки в системі заздалегідь зберігається структурований список товарів та їх ID/артикулів. 6. Система формує розпізнаний список товарів і кількості та надсилає його клієнту на підтвердження. Клієнт обирає: — «Так, правильно»; — «Потрібно змінити»; — «Зв'язатися з менеджером». 7. Після підтвердження обрані додаткові товари автоматично додаються в існуюче замовлення SalesDrive. Змінюється сума та статус замовлення. 8. Після завершення підтвердження замовлення клієнту надсилається інформація про терміни відправки. Приклад: «Відправка замовлення здійснюється протягом 2 робочих днів. Якщо для вас важлива якнайшвидша відправка, натисніть кнопку нижче. Ми врахуємо це при обробці замовлення». Кнопки: — «Все добре»; — «Потрібна швидка відправка». Якщо клієнт обирає «Потрібна швидка відправка», в замовленні SalesDrive повинна зберігатися відповідна позначка або коментар. Автоматичний сценарій при цьому продовжується. 9. Клієнту автоматично надсилається інформаційне повідомлення про необхідність огляду посилки при отриманні. Приклад: «Будь ласка, огляньте товар у відділенні служби доставки при отриманні. У разі виявлення механічних пошкоджень не забирайте посилку та зв'яжіться з нами. Це допоможе нам швидко вирішити ситуацію». Кнопки та відповідь клієнта на даному етапі не потрібні. 10. Останнім повідомленням клієнту автоматично надсилаються контактні дані компанії. Приклад: «Якщо у вас виникнуть питання щодо замовлення, ви можете зв'язатися з нами: Телефон: … Viber: … Telegram: …» Контактні дані та текст повідомлення повинні редагуватися адміністратором додатку. 11. Нестандартні випадки передаються менеджеру. Наприклад: — клієнт просить змінити замовлення; — клієнт обирає зв'язок з менеджером; — ІІ не зміг однозначно розпізнати товари або кількість; — клієнт не підтвердив розпізнаний список; — клієнт надіслав неподтримуване вкладення; — виникла технічна помилка. Після передачі замовлення менеджеру автоматичний сценарій зупиняється. Інтеграції: — SalesDrive API; — TurboSMS HTTP API / webhook, Viber Business Messages; — API ІІ-моделі для розпізнавання вільного тексту клієнта. Необхідно також реалізувати: — веб-панель менеджера; — отримання та відображення замовлень SalesDrive; — вибір одного або кількох замовлень; — вибір сценарію; — вибір однієї або кількох листівок; — управління листівками та прив'язаними до них товарами; — зберігання стану Viber-діалогу; — історію діалогу; — зміну статусів замовлення; — зупинку автоматичного сценарію; — базову статистику. Вхідні зображення, файли та голосові повідомлення клієнта розпізнавати не потрібно. ІІ працює тільки з текстом. TurboSMS підтвердив можливість автоматичної відправки повідомлень через HTTP API, отримання відповідей через webhook та роботи подальшого сценарію в рамках Viber чат-сесії. Докладне технічне завдання підготовлено і буде надано потенційному виконавцю. В відповіді прошу вказати: 1. Орієнтовну вартість розробки MVP. 2. Орієнтовний термін розробки. 3. Чи є досвід інтеграцій з CRM/API/webhook. 4. Чи є досвід інтеграції AI/LLM API для обробки користувацького тексту. 5. Приклади схожих проектів, якщо є.

Є сайт на Wix Studio. На сторінці категорій товарів (динамічна сторінка) на мобільних пристроях з'являються великі білі прогалини між картками товарів коли деякі поля порожні. Картки товарів без даних займають ~1949px висоти на мобільному. Блоки акордеонів ("Склад", "Опис", "Технічні характеристики") резервують великий порожній простір навіть коли даних немає. Блок з галереєю фото також створює великий білий розрив коли фото немає. Що потрібно зробити: Коли поля "Склад", "Опис", "Технічні характеристики" порожні в CMS — заголовки акордеонів повинні залишатися видимими, але порожній простір всередині не повинен резервуватися Коли фото немає - блок галереї не повинен створювати великий білий розрив Виправлення повинно працювати на всіх сторінках категорій, не тільки на одній Важливо: Заголовки розділів ("Склад", "Опис" тощо) повинні залишатися видимими завжди. Прибрати потрібно лише порожній білий простір всередині.

Є сайт на Wix Studio. На сторінці категорій товарів (динамічна сторінка) на мобільних пристроях з'являються великі білі прогалини між картками товарів коли деякі поля порожні. Картки товарів без даних займають ~1949px висоти на мобільному. Блоки акордеонів ("Склад", "Опис", "Технічні характеристики") резервують великий порожній простір навіть коли даних немає. Блок з галереєю фото також створює великий білий розрив коли фото немає. Що потрібно зробити: Коли поля "Склад", "Опис", "Технічні характеристики" порожні в CMS — заголовки акордеонів повинні залишатися видимими, але порожній простір всередині не повинен резервуватися Коли фото немає - блок галереї не повинен створювати великий білий розрив Виправлення повинно працювати на всіх сторінках категорій, не тільки на одній Важливо: Заголовки розділів ("Склад", "Опис" тощо) повинні залишатися видимими завжди. Прибрати потрібно лише порожній білий простір всередині.

Я професійний 3D-дизайнер, створюю високодеталізовані рендери пам'ятників і меморіальних комплексів (вертикальний формат 9:16). Мої клієнти — це власники цехів і майстерень, яким потрібен зручний цифровий каталог моїх макетів для показу своїм роздрібним покупцям. Що мені потрібно: Підібрати оптимальну платформу і зібрати легкий, швидкий веб-додаток (каталог), який буде ідеально виглядати на смартфонах і коректно відкриватися на комп'ютерах. Ключові вимоги до каталогу: Дизайн: Максимальний мінімалізм. Темна тема (чорний фон), велике вертикальне зображення (пропорції 9:16), під ним тільки назва/артикул макета. Жодних довгих описів. Управління базою: Мені потрібна максимально проста система додавання нових макетів (ідеально — через звичні Google Таблиці або дуже зручну внутрішню БД). Я повинен просто завантажити зображення і вписати артикул, не ламаючи верстку. Інтеграція до клієнтів (Найважливіше): Каталог повинен легко впроваджуватися на сайти моїх замовників-цехівників (в когось WordPress, в когось самопис). Потрібно продумати елегантний спосіб вбудовування: через Iframe (щоб каталог працював прямо всередині їхньої сторінки) або через правильну настройку кнопки-посилання. Що я вже пробував: Тестував Glide і Adalo. В Adalo вийшов потрібний візуал (9:16 на чорному фоні), але управління внутрішньою базою даних і возня зі посиланнями на Google Диск виявилися занадто незручними для постійної роботи. Плюс є сумніви щодо правильного вбудовування Iframe в чужі сайти так, щоб він не роз'їжджався на широких моніторах. Від вас чекаю у відповіді: На якій платформі (Adalo, Glide, Bubble, Webflow, Glide + Airtable або щось інше) ви пропонуєте це реалізувати і чому? Як буде вирішено питання з зберіганням важких зображень (рендерів)? Як ви пропонуєте технічно вбудовувати цей каталог на сторонні сайти моїх клієнтів? Шукаю спеціаліста, який закриє цю технічну проблему під ключ, щоб я міг спокійно займатися 3D-моделюванням.

Сайт вже запущений і працює. Основне завдання — розібратися в поточній структурі проєкту, перевірити якість реалізації, виправити знайдені технічні проблеми та допомогти з подальшими змінами.Основний стек Next.js 15 React 19 TypeScript Tailwind CSS Zod Redux Toolkit В проєкті також можуть використовуватися: Prisma JWT-авторизація Stripe Mailgun Google APIs Vercel або Netlify FunctionsОсновні завдання провести ревізію існуючого проєкту; оцінити структуру та якість коду; виправляти помилки та доопрацьовувати поточний функціонал; покращувати серверний рендеринг і швидкість завантаження сторінок; перевіряти коректність відображення сайту на мобільних пристроях; працювати з формами, адміністративною частиною та зовнішніми інтеграціями; вносити технічні SEO-зміни; підтримувати і поступово покращувати існуючий сайт.Що для нас важливо добрий досвід роботи з Next.js, React та TypeScript; уміння розбиратися в чужому коді; розуміння SSR та особливостей Next.js App Router; уважність до продуктивності та якості реалізації; уміння пояснювати знайдені проблеми та пропонувати зрозумілі рішення; самостійність та акуратна робота з діючим сайтом. На першому етапі необхідно ознайомитися з проєктом, провести технічну ревізію та запропонувати список пріоритетних змін. Після цього можлива постійна робота над подальшим розвитком сайту.