Потрібно швидко протестувати воронку, гіпотезу, трафік сорс, гео чи ще щось? Треба оперативно зробити вітрину, але ви не розробник? У нас є рішення. Ми створили шаблон, який ви можете без проблем відредагувати за допомогою AI під себе та швиденько залити трафік на неї.
Будемо робити це за допомогою Codex. Це АІ-агент від всім відомої компанії OpenAI. Вам потрібно мати підписку GPT Plus за $20, до якої також входить і Codex. Для початку роботи потрібно встановити десктопну версію. Вона доступна як на мак, так і на вінду.
1. Завантажуємо zip-архів із шаблоном вітрини.
2. Наступним кроком потрібно створити JSON-фід для швидкої інтеграції оферів з кабінету Letmeads CPA на вашу вітрину. У хедері персонального кабінету долаємо такий шлях: “Інструменти” -> “JSON-фіди”
Натискаємо кнопку “Створити фід” та заповнюємо інфу у даному вікні:
✅ Фід створено!
Тепер одним кліком ми можемо додавати чи прибирати офери на нашій вітрині. Тисніть фіолетову кнопку “Оффери” та вмикайте/вимикайте їх за допомогою повзунків біля назв оферів:
3. Тепер прикріпляємо скачаний архів із шаблоном в Codex та пишемо промпт:
Я прикріпив архів із шаблоном вітрини LetMeAds.
Мій JSON Feed з кабінету партнерки:
[ВСТАВИТИ_СЮДИ_СВОЄ_JSON_ФІД_ПОСИЛАННЯ]
Будь ласка, зроби такі кроки:
1. Розпакуй архів шаблону.
2. Відкрий сайт локально і перевір, що шаблон запускається.
3. У файлі includes/bootstrap.php знайди PLACEHOLDER_JSON_FEED_URL і заміни його на моє JSON Feed посилання.
4. Відкрий мій JSON Feed, подивись структуру оферів і підключи офери до карток на сайті.
5. У файлі data/fallback-feed.php заміни placeholder-дані на офери з мого JSON Feed. Це потрібно, щоб якщо JSON Feed тимчасово не працює, сайт все одно показував офери з fallback-файлу.
6. Перевір, що на сайті зʼявилися мої офери: назви, логотипи, суми, умови та кнопки.
7. Перевір, що всі кнопки на оферах ведуть саме на tracking links з мого JSON Feed.
8. Якщо потрібно, онови preview.html, щоб локальний превʼю-файл теж показував мої офери.
9. Наприкінці дай мені короткий звіт: які файли були змінені і чи все працює.Вуаля! Наш шаблон відкривається у боковій панелі справа, а до кнопок в карточках оферів підв’язані ваші трекінгові посилання:
5. Ну а далі ми налаштовуємо фронт нашої вітрини. Ви можете написати Кодексу все що забажаєте бачити в дизайні, попросити прикрутити будь-які фішки для CRO, змінити карточки оферів, логотип та ще багато чого.
Для тесту давайте пропишемо йому шось на кшталт цього та прикріпимо архів із потрібним нам шрифтом:
Трохи чекаємо і отримуємо результат:
Непогано для першого промпту, але досконалості немає меж, тому ви можете правити вітрину прямо в чаті, поки не дійдете до бажаного результату. До речі, наш шаблон адаптований одразу як під десктоп, так і під мобайл, тому всі зміни які ви прописуватимете будуть застосовуватися одразу на двох версіях. Якщо бажаєте зробити правку тільки на одній із них, то так і напишіть в чат. Все просто!)
6. Окей, ми закінчили з фронтом вітрини. Тепер нам треба отримати файл всього нашого сайту. Пишемо приблизно такий промпт для Codex:
Я закінчив редагувати вітрину.
Будь ласка, підготуй файли для завантаження на хостинг:
1) Перевір, що сайт локально відкривається і працює.
2) Перевір, що JSON Feed підключений правильно.
3) Перевір, що кнопки оферів ведуть на tracking links.
4) Підготуй чисту папку для хостингу без зайвих системних файлів.
5) У папці для хостингу мають бути всі потрібні файли сайту: index.php, assets, includes, data, policy.php, terms.php та інші потрібні файли.
6) Не додавай у фінальний архів службові файли типу .DS_Store, __MACOSX, .git, робочі zip-архіви або тимчасові папки.
7) Збери готовий zip-архів для завантаження на хостинг.
8) Напиши мені, де лежить готовий архів і яку папку/файли треба завантажувати на хостинг.
7. Після того як файл вітрини у нас на руках, потрібно поставити її на хост та прикрутити домен. На всякий випадок, хостинг – це місце, де розміщується ваш сайт, а домен – це адреса (назва) сайту. Ми користуємося сервісом ukraine.com.ua, де в одному місці можна одразу придбати все потрібне для нашої задачі.
У вкладці “Реєстрація доменів” обираємо підходящий та, по можливості, найдешевший із доступних доменів:
У вкладці “Хостинг” поступаємо так само. До речі ukraine.com.ua дає 5 днів безкоштовного користування хостом, спеціально щоб ви потестили його:)
Керування придбаними ресурсами відбувається через “Панель керування” (зелена кнопка у правому верхньому куті)
Після придбання хосту та домену йдемо у вкладку “Мої сайти” на панелі керування 👇
Натискаємо кнопку “Додати сайт/піддомен” 👇
У наступному поп-ап вікні вписуємо придбаний домен, на якому буде ваш сайт 👇
Бачимо, що наш домен підв’язався до хостингу. Далі настикаємо “Файловий менеджер”👇
І в папку /home/ваш-хостинг/ваш-домен/www завантажуємо архів, який нам віддав Codex. Клацаємо правою кнопкою миші по ньому та розархівовуємо. Всі інші файли, які були в цій папці (окрім тих шо були у вашому архіві) можемо сміло видаляти. Вуаля, ваш сайт вже стоїть на домені, перевіряйте!)👇
Якщо надалі потрібно змінити дизайн, текст, логотип або інші елементи вітрини, відкрийте її папку в Codex і опишіть потрібні правки. Після завершення попросіть Codex перевірити сайт та підготувати новий ZIP-архів для хостингу. Перед оновленням зробіть резервну копію поточного сайту, завантажте новий архів у папку /www, розпакуйте його із заміною старих файлів і перевірте сайт на домені. Файл index.php та папки assets, includes і data мають лежати безпосередньо в /www. Якщо змінилися лише офери у JSON Feed, повторно завантажувати сайт не потрібно: вони оновляться автоматично.
8. Останній крок – потрібно налаштувати SSL сертифікат. Йдемо по шляху «Мої сайти» → ваш сайт → «Налаштування SSL»👇
Якщо одразу вибиває таку помилку, то натисніть на червону кнопку👇
Та далі на зелену “Встановити” 👇
Чекаємо поки сертифікат встановиться. Після цього, щоб з’єднання з сайтом було захищене, ставимо галочку “Переадресовувати запити з http на https”
ВІТАЄМО, ВАША ВІТРИНА ГОТОВА ДО ПРИЙОМУ ТРАФІКУ!
Залишити відгук