1. Що зараз відбувається з вітриною?
1.1. Що вміє поточний конструктор вітрин у CPA?
Наша платформа вже включає стандартний конструктор вітрин, і він досить функціональний: він пропонує різні варіанти ротації офферів, включаючи розумне сортування на основі історії кліків та конверсій користувачів; можливість паркування власних доменів; можливість додавання кастомних скриптів через Google Tag Manager; а також можливість використання створених вітрин у готових інтеграціях з GA4, Facebook та іншими інструментами. За статистикою ми бачимо, що багато вебмайстрів використовують вітрини — попит на створення нових вітрин і трафік на них не падає.
1.2. У що впирається конструктор?
Головна складність у тому, що ми — CPA-мережа. Щоб вітрини працювали однаково скрізь і для всіх, ми повинні підтримувати єдиний технічний каркас. Цей каркас важко підтримувати та оновлювати, тому наші вітрини мінімалістичні та юридично стандартизовані відповідно до ринкових вимог кожного GEO. Універсальне рішення не може однаково добре підходити всім, і як тільки вебмайстру хочеться чогось свого, йому доводиться робити це самостійно.
Живі приклади того, про що просять вебмайстри, але чого не надає стандартна вітрина:
- Квіз для прогріву аудиторії — щоб “гарячіший” трафік з сильним наміром йшов на оффервол.
- Збірник лідів (дуже частий запит).
- Нестандартна логіка відображення офферів — випадкове або кастомне ранжування.
- Таймери та інші клікбейтні віджети.
- Exit intent popups, підказки “не йдіть” та інші скрипти, що підвищують конверсію.
1.3. У нас є API — і що він відкриває?
Для кастомних воронок ми створили Offerwall API. Коли ви створюєте та зберігаєте вітрину в нашому конструкторі, вона отримує ендпоінт, через який можна запитати всі оффери цієї вітрини. Це означає, що вам більше не потрібно нічого налаштовувати в конструкторі, а можна просто мати швидку “обгортку”, яка підтягує оффери через API — і проектувати для себе будь-яку логіку. Оффери можна гнучко редагувати: сортування за власними метриками або метриками партнерської програми, кількість, країна. Це найпростіший, “грубий” спосіб використання API.
Але наш API — це не тільки про вітрини. У налаштуваннях є й інші API: можна отримувати статистику для сигналу про щось важливе (про конверсії, про трафік), відстежувати трафік, завантажувати оффери, підключені до вашого облікового запису, отримувати повну історію редиректів і постбеків для користувача з нашого трекера. І все це досить гнучко.
Ми заклали фундамент для цих API ще у 2019 році — тоді для програмістів, розуміючи, що різноманітні маркетингові воронки вимагатимуть кастомних рішень. Але технології зробили великий крок вперед, і тепер цей API можна використовувати разом з AI-інструментами. Саме цією ідеєю ми хочемо поділитися.
У нас вже є все необхідне, щоб ви побудували вітрину своєї мрії без програмістів за 20 хвилин — і це не клікбейт.
2. Новий підхід: універсальний промпт замість постійних правок
2.1. Чому ми перестали “давати всім одне й те саме”?
Ми досягли того рівня, коли розробка стала настільки швидкою, що вже не так важливо, як саме ви створюєте продукт — через звичайний веб-кодинг або агентний кодинг на останніх моделях Claude. Для цього вже існує багато інструментів. І якщо ви ними ще не користуєтеся, варто звернути увагу, тому що ви вже сильно відстаєте. Це передові маркетингові технології сьогодні. Водночас поріг входу надзвичайно низький: для старту потрібно знати лише кілька базових правил.
Хоча, звісно, ми рекомендуємо всім пройти принаймні відкриті курси Anthropic Academy — вони безкоштовні та доступні кожному, хто хоче навчитися.
2.2. Що таке універсальний промпт?
Ми розробили та відлагодили промпт — універсальний підхід для будь-якої розробки агентного або vibe-code сервісу. Ми протестували його всередині Lovable: результат майже завжди однаковий і прийнятний, по суті, “з коробки”. А якщо виникають проблеми, майже все можна вирішити прямо в діалозі звичайним текстом. Звідти можна або використовувати те, що вже є, або розвивати це у щось власне.
2.3. Для кого він створений?
Промпт розроблений як для новачків, так і для досвідчених користувачів, які зможуть все доопрацювати. Досвідчені користувачі, як правило, з нами давно і використовують наші API — ми бачимо це за кількістю запитів, а також за вашими відгуками, завдяки яким ми часто впроваджуємо нові покращення. Суть “універсального” в тому, що промпт можна використовувати як є: ви відповіли на кілька запитань — і майже відразу отримали результат, який можна використовувати практично з коробки. Але досконалості немає меж, тому його можна вдосконалювати далі.
3. Lovable — найпростіша точка входу
3.1. Чому саме Lovable?
Lovable має продуману, дуже зручну архітектуру та вже налаштовану агентну оркестрацію. Безкоштовних і стартових кредитів достатньо, щоб зібрати і протестувати просту вітрину (створення однієї такої вітрини зазвичай займає близько 30–60 кредитів). Так, до нього є питання при розробці великих систем. Але для швидкого прототипування, перевірки гіпотез і вітрин середньої складності з навантаженням близько 1,000–5,000 людей на добу такі рішення цілком підходять — і все виглядає добре і красиво.
3.2. Що ви фактично отримаєте за кілька десятків хвилин?
За кілька десятків хвилин у вас буде вітрина для обраної географії плюс адмін-панель, куди потрібно просто ввести свій API-ключ. Крім того, можна налаштувати як самі оффери, так і зовнішній вигляд — є багато можливостей налаштування карток для кожного сніпету офферу з миттєвим попереднім переглядом. Але головне — ви можете продовжувати роботу прямо в тій же сесії Lovable: бачити, що створюється, і вносити правки на льоту, роблячи це чимось унікальним і підходящим саме вам.
Варіанти технічних покращень PDL-вітрини для різних ринків: кредитний калькулятор, квіз для прогріву, гео-логіка, фільтри “перший кредит 0% / без відмов”, кастомне ранжування, бейджі та таймери, пам’ять сесій, збірник лідів, мобільна адаптація та вставка subid.
4. Покроковий процес створення вітрини
Головне правило для новачка: спочатку плануй, потім будуй. Найпоширеніша помилка — починати будувати без розуміння того, що саме ви будуєте.
4.1. Крок 1 — завантажте промпт у Lovable
Відкрийте Lovable і вставте наш універсальний промпт у поле повідомлення.
4.2. Крок 2 — працюйте в режимі Plan
Перед відправкою перемкніться в режим Plan. Lovable не чіпатиме код, а натомість поставить уточнюючі запитання і збере чіткий план. Коли ви будете задоволені планом, перемикайтеся в режим Build — і Lovable побудує все суворо за планом.
4.3. Крок 3 — запустіть, подивіться результат, налагодьте
Наша порада — будуйте “frontend first”: почніть із зовнішнього вигляду, використовуючи тестові дані.
4.4. Крок 4 — опишіть покращення текстом
Опишіть будь-яку зміну словами: “зробіть картку офферу більшою і додайте бейдж”. Працюйте “цеглина за цеглиною”.
4.5. Крок 5 — підключення до CPA API
В адмін-панелі вітрини вставте свій API-ключ — і вітрина почне підтягувати реальні оффери.
4.6. Підготовка вітрини
Перед початком переконайтеся, що вітрина налаштована: якщо вітрина ще не створена, створіть її спочатку і додайте до неї всі необхідні оффери.
Доступ: скопіюйте Endpoint та API-ключ на сторінці вітрини.
Отримання даних (API). Offerwall API надає дані у форматі JSON. Цей JSON містить актуальний список усіх офферів, які були додані до вашої вітрини.
Інтеграція AI. Після передачі JSON у систему, AI автоматично зчитує оффери для подальшої обробки.
No-code управління: щоб змінити порядок або склад офферів, не потрібно змінювати код — достатньо внести зміни в конструкторі.
4.7. Якщо щось пішло не так
Як робити: “Форма входу не реагує, допоможіть зрозуміти чому” — будьте конкретними.
Як НЕ робити: “воно в мене не працює”.
5. Практика: як працювати з промптом, а як ні
5.1. Що робити
Починайте в режимі Plan, будуйте цеглина за цеглиною, формулюйте запити конкретно.
5.2. Чого уникати
Не змінюйте завдання на півдорозі і не тисніть “Try to Fix” нескінченно.
5.3. База знань
У Lovable є База знань — постійні інструкції.
- Workspace knowledge: загальні правила для всіх проектів.
- Project knowledge: контекст конкретної вітрини.
6. Це лише приклад — куди рости далі
6.1. Базова вітрина — це шаблон
Це фундамент, який масштабується відповідно до ваших завдань.
6.2. Поточну версію варто вдосконалювати
Статистика: важливо збирати та відображати ключові метрики. Для впевненого старту рекомендуємо впровадити:
- EPC (Earnings Per Click) — дохід з кліку;
- CR (Conversion Rate) — конверсія з кліку в заявку;
- Offer CTR — клікабельність карток;
- Унікальні відвідувачі — кількість унікальних відвідувачів;
- Кількість лідів — кількість заявок;
- Approval Rate (AR) — відсоток схвалень.
А також базові налаштування вітрини:
- авторизація;
- збереження стану;
- Політика конфіденційності;
- cookies та атрибуція.
6.3. Можна мислити ширше
На основі вітрини можна побудувати повноцінну CRM-систему з ре-енгейментом, push-сповіщеннями та складними воронками. На ліміти (для експертизи): Supabase за замовчуванням повертає максимум 1,000 рядків через API (це значення налаштовується в Project Settings → API → Max Rows). Якщо вам потрібно більше, це вирішується пагінацією через range().
7. FAQ
Чи потрібно знати програмування? Ні.
Чи це складно і довго? Перша робоча вітрина займає кілька десятків хвилин.
Скільки це коштує? У Lovable є безкоштовний тариф з обмеженою кількістю кредитів (близько 5 кредитів на день). Їх достатньо, щоб спробувати інструмент і побудувати просту вітрину. Якщо ви плануєте масштабувати проект або часто вносити зміни, необхідний платний тариф: вони починаються приблизно з $25 на місяць за 100 кредитів (Pro plan) і далі — чим дорожчий тариф, тим більше у вас кредитів і менше обмежень на генерацію та деплої. Кредити списуються за кожне повідомлення AI і оновлюються щомісяця в межах підписки. Тарифи та пакети Lovable періодично змінюються, тому дивіться актуальні ціни на офіційній сторінці:
Звідки беруться оффери? Вони підтягуються через API з партнерської програми.
Що робити, якщо щось зламалося? Опишіть, що саме не так, у діалозі.
Чи це законно і безпечно? Так, але не забувайте про Політику конфіденційності. Це обов’язковий елемент: навіть для простої вітрини офферів на сайті повинна бути Політика конфіденційності, оскільки ви збираєте дані про кліки та редиректи користувачів.
8. Висновок
Раніше для створення кастомної вітрини вам потрібен був програміст.
Тепер — ні.
Створіть свою вітрину зараз!