// Multi Sale — marketing app const { useState, useEffect } = React; // —— Icons (tiny inline) —————————————————————————— const Icon = ({ name, size = 18 }) => { const stroke = { width: 1.75, linecap: "round", linejoin: "round", fill: "none", stroke: "currentColor" }; const paths = { arrow: , check: , plus: , spark: , chat: , bag: <>, bolt: , box: <>, mail: <>, shield: , users: <>, storefront: <>, insta: <>, telegram: , tiktok: , pencil: <>, tag: <>, chart: <>, truck: <>, card: <>, cog: <>, chevron: }; return ( ); }; // —— Brand mark (logo icon) ———————————————————————— function BrandMark({ size = 34, radius = 0.26 }) { return ( ); } // —— Nav —————————————————————————————————————————— function Nav({ theme, onToggleTheme }) { return ( ); } // —— Hero flow diagram (real screenshots) —————————— function FlowDiagram() { const steps = [ { num: "01", label: "Референс у чаті", img: "assets/flow-chat.png", sub: "Клієнт надсилає пост — система впізнає товар", accent: true }, { num: "02", label: "Створення замовлення", img: "assets/flow-order.png", sub: "Оформлення прямо з вікна діалогу" }, { num: "03", label: "Доставка та статуси", img: "assets/flow-status.png", sub: "ТТН, історія статусів, оплата" }]; return (

{steps.map((s, i) =>

{i < steps.length - 1 &&

} )}

AI всередині — створює товари з постів, розпізнає референси та підказує відповіді AI

); } // —— Product scheme (from provided Architecture Diagram) —— function ProductScheme() { const rootRef = React.useRef(null); const [inView, setInView] = React.useState(false); React.useEffect(() => { const el = rootRef.current; if (!el) return; const io = new IntersectionObserver( (entries) => { if (entries[0].isIntersecting) { setInView(true); io.disconnect(); } }, { threshold: 0.2 } ); io.observe(el); return () => io.disconnect(); }, []); return (

Зовнішні джерела

InstagramДиректи та коментарі

TikTokДиректи та коментарі

TelegramПриватні чати

Ручні замовленняМенеджер створює вручну

ШІ інтегровано

MultiSale Централізована
система продажів

АналітикаОборот, ефективність, аналіз чатів

Єдиний результат

ЗамовленняЗ усіх каналів в одному місці

КлієнтиЄдина картка, вся історія

Товари й залишкиОдин склад на всі канали

Керування ролямиДоступи під ваш процес

Один менеджер відповідає з будь-якого каналу Один залишок товару на всі точки продажу Одна аналітика по всьому бізнесу

); } // —— Hero ———————————————————————————————————————— function Hero({ heroVariant }) { const headlines = { default: <>Платформа для продажів
Один центр керування., bold: <>Ваш Instagram уже продає.
Час навести лад у замовленнях., calm: <>Системні продажі в Instagram — з TikTok напоготові }; return (

{headlines[heroVariant] || headlines.default}

Instagram, TikTok, Telegram — усі замовлення й розмови синхронізуються в єдину систему MultiSale.

Спробувати 21 днів безкоштовно Подивитись демо

Без картки Налаштування за 5 хвилин Українська підтримка

); } // —— Strip ——————————————————————————————————————— function Strip() { const items = [ { num: "2 400+", text: "продавців користуються Multi Sale у щоденній роботі" }, { num: "12 хв", text: "середній час від нового діалогу до оформленого замовлення" }, { num: "94%", text: "повідомлень AI-асистент розпізнає коректно та з першого разу" }, { num: "5 хв", text: "займає підключення Instagram та імпорт існуючих чатів" }]; return (

{items.map((it, i) =>

{it.num}

{it.text}

)}

); } // —— How it works —————————————————————————————————— function HowItWorks() { return (

Як це працює

Від першого «Привіт! Є в наявності?» до відправленого замовлення — в декілька кліків

Multi Sale побудовано навколо реального флоу продажу через директ. Жодних втрачених чатів, перемикань між табами та копіпасту в Excel. Сучасний інтерфейс та ШІ допоможуть вам швидше відпускати клієнтів, аналізувати ваш бізес та багато нішого.

01 · ПІДКЛЮЧЕННЯ

Під'єднайте свої месенджери

Один клік, без коду. Instagram та Telegram уже працюють, Viber і WhatsApp — у розробці.

Instagram Direct підключено

Telegram підключено

Viber в розробці

WhatsApp в розробці

02 · КАТАЛОГ

AI створить каталог із ваших постів

Кожен пост перетворюється на товар з опису та зображень — з варіантами розмірів, кольорів та цін.

Black Wide Jeans

3 варіанти · M / L / XL

AI з посту

03 · ПРОДАЖ

Створюйте замовлення з директу

Клієнт, товари, доставка та оплата — в одному вікні. Без перемикання вкладок.

Хочу ці джинси, розмір M19:44

Залишайте адресу — оформлюю19:45

№12, Київ, НП19:46

); } // —— Metrics strip ———————————————————————————————— function Metrics() { const items = [ { big: "~1 хв", small: "на оформлення замовлення прямо з чату" }, { big: "−2 год", small: "рутини щодня" }, { big: "×2", small: "швидше відповіді клієнтам у директі" }]; return (

{items.map((it, i) =>

{it.big}

{it.small}

)}

); } // —— Scroll teaser ———————————————————————————————— function ScrollTeaser() { return (

Цікаво? Листай - покажу, як платформа працює

); } // —— Create products (first section) ———————————————— function CreateProducts() { return (

Каталог

Створіть ваші товари

Гнучкий конструктор товарів: один товар або товар із варіантами - розмір, колір, ціна й залишок для кожного. Або імпортуйте одразу з Instagram за допомогою AI.

Варіанти товару — характеристики та ціни

); } // —— AI does it for you ———————————————————————————— function AIImport() { return (

ШІ-імпорт

Або за вас це зробить ШІ

Оберіть пост в Instagram — ШІ розпізнає назву, категорію, ціну та варіанти з фото й опису, підтягне зображення в галерею. Вам лишається перевірити й натиснути «Заповнити форму товару».

ШІ розпізнає дані товару з поста Instagram

); } // —— AI Features ——————————————————————————————————— function AIFeatures() { const features = [ { icon: "bolt", title: "AI-міграція з Instagram", desc: "Підключіть акаунт — виберіть пост AI проаналізує фото та опис, згрупує їх у товари з варіантами, поставить ціну з підпису та закине в каталог та імпортує зображення. Готовий список товарів за вечір..", chips: ["Пости → товари", "Авто-варіанти", "Розпізнавання цін"] }, { icon: "spark", title: "Розпізнавання референсів", desc: "Коли клієнт надсилає пост або або залишає коментар — система знаходить його у вашому каталозі, показує інформацію та пропонує одразу додати в замовлення.", chips: ["Пости", "Reels", "Screenshots"] }, { icon: "chat", title: "AI-асистент у коментарях", desc: "Автовідповіді на найчастіші запитання під постами: «скільки коштує?», «є в наявності?», «який розмір?» — з даних вашого каталогу.", chips: ["Comment replies", "Стиль бренду", "24/7"] }, { icon: "users", title: "Аналіз чату клієнта", desc: "AI аналізує переписку менеджера й покупця та визначає тип клієнта — новий, постійний, оптовий чи проблемний — щоб ви знали, як вести діалог.", chips: ["Тип клієнта", "Тон діалогу", "Підказки"] }]; return (

AI всередині продукту

Вбудований ШІ, який реально допомагає продавати

Інструменти, що економлять ваш час: від міграції каталогу до автовідповідей у коментарях.

{features.map((f, i) =>

{f.title}

{f.desc}

{f.chips.map((c, j) => {c})}

)}

); } // —— Order from chat ———————————————————————————————— function OrderFromChat() { return (

Замовлення з чату

Клієнт написав «хочу це» — ви вже знаєте, що це

Клієнт надсилає посилання на пост — система одразу показує розпізнаний товар із залишками та цінами прямо біля переписки. Не треба нічого шукати: додайте у замовлення й оформіть його, не виходячи з чату.

); } // —— Wishlist ———————————————————————————————————— function Wishlist() { return (

Вішліст

Немає в наявності? Клієнт очікує

Додайте варіант у вішліст клієнта одним кліком — і коли залишок поповниться, система нагадає, хто саме на нього чекав. Жоден зацікавлений клієнт не загубиться.

); } // —— Split rows ———————————————————————————————————— function AIReference() { return (

Референси

Кожен товар пам'ятає свій пост

AI-згенеровані товари зберігають референс на медіа-пост, з якого їх створено. Ви завжди можете відкрити його, відредагувати або перепривʼязати товари вручну.

Прив'язка товару до конкретного поста Instagram
Перегляд опису, лайків та коментарів допису
Ручне прив'язування та відв'язування товарів
Швидкий перехід «Відкрити в Instagram»

); } function OrderManagement() { return (

Замовлення

Платформа, що налаштовується під ваш процес

Кастомні статуси, поля товарів, ролі — без розробників. Налаштуйте Multi Sale так, як працює саме ваш магазин.

Кастомні статуси замовлень з кольорами та порядком
Власні поля у товарах та клієнтах
Кілька джерел в одному (Instagram, Telegram)
Готова інтеграція з Нова Пошта

); } function Catalog() { return (

Каталог товарів

ШІ імпорт товарів

ШІ перетворить інстаграм пост на товар, взявши зображення та опис.

Розпізнає атрибути та варіанти — колір, розмір
Переносить фото з допису в галерею товару
Визначає ціну з опису · SKU
Drafts → публікація · контроль видимості

); } function FlexibleProducts() { return (

Гнучкі товари

Гнучке створення товарів під будь-який асортимент

Додавайте власні характеристики — колір, розмір, матеріал. Ціна й кількість налаштовуються окремо для кожного варіанта.

Необмежені характеристики та значення
Окрема ціна й залишок для кожного варіанта
Перетягуванням змінюйте порядок
Автогенерація комбінацій варіантів

); } function Storefront() { return (

Веб стофевронт

Готовий магазин у комплекті — мобільний та десктоп

Не маєте сайту? Multi Sale дає його з коробки. Каталог, кошик та оформлення замовлення — на вашому домені.

Адаптивний дизайн з коробки
Власний домен · SSL автоматично
Той самий каталог, що в директі
Оплата при отриманні або онлайн

); } function Email() { return (

Email-сервіс

Розсилки та транзакційні листи — без сторонніх сервісів

Welcome-серії, акції, нагадування про кинуті кошики, листи про статус замовлення. Шаблони, кампанії та аналітика — все всередині.

100 000 листів на місяць у тарифі Pro
Drag-and-drop редактор листів
Open / click / bounce rate з коробки
Автоматизації за подіями системи

); } function Roles() { return (

Команда

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

Від соло-продавця до команди з 50 людей: готові пресети ролей або повний кастом — з гранулярними дозволами по кожному модулю.

Делегуйте права
Кастомні ролі

); } // —— Messenger integrations ———————————————————————— function MessengerIntegrations() { const channels = [ { name: "Instagram", status: "Працює", live: true, bg: "linear-gradient(135deg, #f58529 0%, #dd2a7b 55%, #8134af 100%)", icon: }, { name: "Telegram", status: "Працює", live: true, bg: "linear-gradient(135deg, #2AABEE, #229ED9)", icon: }, { name: "WhatsApp", status: "В розробці", live: false, bg: "linear-gradient(135deg, #25D366, #128C7E)", icon: }, { name: "Viber", status: "В розробці", live: false, bg: "linear-gradient(135deg, #8f5db7, #665CAC)", icon: }, { name: "TikTok", status: "В розробці", live: false, bg: "linear-gradient(135deg, #25F4EE 0%, #000 45%, #FE2C55 100%)", icon: }]; return (

Канали

Усі месенджери — в одній скриньці

Підключайте акаунти за хвилину й відповідайте клієнтам з усіх каналів, не перемикаючись між застосунками.

{channels.map((c, i) =>

{c.icon}

{c.name}

{c.status}

)}

); } // —— Integrations —————————————————————————————————— function Integrations() { const items = [ { name: "Instagram", icon: "insta", color: "linear-gradient(135deg,#f58529,#dd2a7b,#8134af)" }, { name: "Telegram", icon: "telegram", color: "#229ED9" }, { name: "Нова Пошта", icon: "truck", color: "#E11932" }, { name: "Укрпошта", icon: "truck", color: "#FFD500" }, { name: "Monobank", icon: "card", color: "#000" }, { name: "Privat24", icon: "card", color: "#1f8a5b" }, { name: "Viber", icon: "chat", color: "#7360F2" }, { name: "WhatsApp", icon: "chat", color: "#25D366" }, { name: "LiqPay", icon: "card", color: "#94BD3F" }]; return (

Працює з тим, чим ви вже користуєтесь

{items.map((it, i) =>

{it.name}

)}

); } // —— Pricing —————————————————————————————————————— function Pricing({ currency }) { const isUAH = currency === "UAH"; const symbol = isUAH ? "₴" : "$"; const prices = isUAH ? { starter: 690, starterOld: 990, pro: 1590, proOld: 2290 } : { starter: 18, starterOld: 26, pro: 42, proOld: 60 }; const plans = [ { name: "Starter", desc: "Для старту продажів в одному соціальному каналі.", price: prices.starter, oldPrice: prices.starterOld, discount: "−30% · перші 100", cta: "Спробувати безкоштовно", ctaPrimary: false, features: [ { t: "1 соціальний канал", on: true, hint: "Instagram або TikTok" }, { t: "1 приватний канал (Telegram)", on: true }, { t: "Доставки", on: true }, { t: "100 AI-дій на місяць", on: true }, { t: "Вішлісти клієнтів (Product Interest)", on: false }, { t: "Просунутий склад", on: false }, { t: "Просунута аналітика", on: false }] }, { name: "Pro", desc: "Для магазинів із кількома каналами та активною командою.", price: prices.pro, oldPrice: prices.proOld, discount: "−30% · перші 100", cta: "Спробувати безкоштовно", ctaPrimary: true, featured: true, tag: "Популярний", features: [ { t: "До 5 соціальних каналів", on: true, hint: "Instagram, TikTok" }, { t: "До 5 приватних каналів (Telegram)", on: true }, { t: "Доставки", on: true }, { t: "300 AI-дій на місяць", on: true }, { t: "Вішлісти клієнтів (Product Interest)", on: true }, { t: "Просунутий склад", on: true }, { t: "Просунута аналітика", on: true }] }, { name: "Enterprise", desc: "Для команд, яким потрібні індивідуальні ліміти та ранній доступ.", custom: true, cta: "Зв'язатися з нами", ctaPrimary: false, features: [ { t: "Індивідуальна кількість каналів", on: true }, { t: "Доставки", on: true }, { t: "Індивідуальні ліміти AI-дій", on: true }, { t: "Вішлісти клієнтів (Product Interest)", on: true }, { t: "Просунутий склад та аналітика", on: true }, { t: "Ранній доступ до нових функцій", on: true }, { t: "Пріоритетне голосування за функції", on: true }] }]; return (

Тарифи

Оберіть план під ваш бізнес

Ціна −30% діє для перших 100 магазинів, які підключаться — і закріплюється за вами назавжди. 14 днів безкоштовно, без прив'язки картки.

{plans.map((p, i) =>

{p.tag && {p.tag}}

{p.name}

{p.desc}

{p.custom ? Індивідуально : <> {p.oldPrice && {symbol}{p.oldPrice.toLocaleString('uk-UA')} } {symbol}{p.price.toLocaleString('uk-UA')} / міс {p.discount && {p.discount} } }

{f.t} {f.hint && {f.hint}}

{p.cta}

)}

14 днів безкоштовно, без картки Скасувати одним кліком Дані ваші — експорт у CSV будь-коли

); } // —— FAQ —————————————————————————————————————————— function FAQ() { const items = [ { q: "Скільки часу займає підключення?", a: "Підключення займає лише кілька хвилин. Достатньо увійти через Facebook та обрати Instagram Business акаунт. Після цього ви можете одразу почати працювати з повідомленнями, товарами та замовленнями. Налаштування системи не вимагає технічного персоналу, наша дружня підтримка допоможе вам налаштувати систему під ваші потреби." }, { q: "Як працює продукт референс постів?", a: "Коли клієнт надсилає вам пост зазвичай це частий кейс, наша система має так звані референси, які формуються вручну або після ШІ імпорту. Система автоматично підкидує цей товар біля вікна чату, ви бачите залишки, розміри, та маєте можливість створити замовлення не покидаючи вікно чату." }, { q: "Як працює ШІ імпорт товарів?", a: "Після підключення інстаграм наша система дозволяє вам швидко конвертувати ваші пости в товари. ШІ імпорт товарів аналізує фото та опис товару. Для ефективного імпорту вам потрібно налаштувати характеристики, які будуть використані для побудови варіантів. ШІ імпорт заповнює форму, ви можете перевірити його роботу та підкоректувати." }, { q: "Чи можна скасувати у будь-який момент?", a: "Так. Підписка скасовується одним кліком, без бюрократії. Експорт всіх даних у CSV доступний завжди — навіть після скасування тарифу." }, { q: "Скільки коштує перехід з іншої CRM?", a: "Ми допоможемо перенести ваші товари, клієнтів та замовлення — наша команда супроводжує міграцію, щоб ви почали працювати без простою. Напишіть нам, і ми підкажемо найпростіший шлях саме для вашого випадку." }, { q: "Чому саме MultiSale?", a: "MultiSale — платформа, яка розроблялась орієнтованою на інстаграм продажі та все, що з тим пов'язано. Ви не побачите в системі зайвого функціоналу, який зазвичай містять багатофункціональні CRM." }]; const [open, setOpen] = useState(0); return (

FAQ

Часті запитання

{items.map((it, i) =>

{it.a}

)}

); } // —— Final CTA + Footer ———————————————————————————— function CTA() { return (

Старт за 5 хвилин

Готові перестати губити замовлення в директі?

Підключіть Instagram, імпортуйте каталог та оформіть перше замовлення вже сьогодні. 21 днів безкоштовно, без картки.

Спробувати безкоштовно Записатись на демо

); } function Footer() { return ( ); } // —— App shell ———————————————————————————————————— const DEFAULTS = /*EDITMODE-BEGIN*/{ "theme": "dark", "accent": "#7c5cff", "accent2": "#5b3df5", "currency": "UAH", "heroVariant": "default" } /*EDITMODE-END*/; function App() { const [t, setTweak] = useTweaks(DEFAULTS); // Apply theme + accent colors useEffect(() => { const root = document.documentElement; root.setAttribute('data-theme', t.theme); root.style.setProperty('--accent', t.accent); root.style.setProperty('--accent-2', t.accent2); const hex = t.accent.replace('#', ''); const r = parseInt(hex.slice(0, 2), 16); const g = parseInt(hex.slice(2, 4), 16); const b = parseInt(hex.slice(4, 6), 16); const softA = t.theme === 'light' ? 0.10 : 0.12; const ringA = t.theme === 'light' ? 0.25 : 0.35; root.style.setProperty('--accent-soft', `rgba(${r}, ${g}, ${b}, ${softA})`); root.style.setProperty('--accent-ring', `rgba(${r}, ${g}, ${b}, ${ringA})`); }, [t.theme, t.accent, t.accent2]); const accentPalettes = [ ['#7c5cff', '#5b3df5'], ['#22c55e', '#16a34a'], ['#f97316', '#ea580c'], ['#ec4899', '#db2777'], ['#06b6d4', '#0891b2']]; return ( <>

setTweak({ theme: t.theme === 'dark' ? 'light' : 'dark' })} />