Создайте HTML-лендинг с Claude или ChatGPT

Шаг 1 — Анализ рынка и buyer persona

Прежде чем писать текст, дайте AI понять, с кем вы говорите и почему он покупает. Вставьте этот промпт (заполните товар и страну):

Ты эксперт по директ-маркетингу. Мне нужно продавать [ТОВАР] в [СТРАНА], с оплатой при доставке (COD).
Дай мне кратко:
1. Buyer persona: кто это, возраст, главная проблема, чего боится, чего хочет
2. 3-5 самых сильных «болевых точек», на которые опереться
3. Самый эффективный угол подачи для холодного трафика из Facebook/TikTok
4. Правильный тон голоса для этой аудитории
5. 5 вариантов заголовков

Сохраните ответ отдельно: вы передадите его Claude на Шаге 3.

Шаг 2 — Выберите формат: advertorial или sales page

• Advertorial — выглядит как статья или история («Я пробовал X 30 дней и...»). Продаёт мягко: отлично подходит для холодного трафика, который вас ещё не знает.
• Sales page — прямая продающая страница: проблема → решение → товар → предложение → CTA. Хорошо подходит для более тёплой аудитории или простых импульсных офферов.

💡 Если сомневаетесь, для холодного COD начните с advertorial: лучше конвертирует трафик из соцсетей.

Шаг 3 — Попросите Claude написать HTML

Это ключевой промпт. Вставьте его в Claude вместе с исследованием из Шага 1:

Ты копирайтер direct-response и front-end разработчик. Создай лендинг в ОДНОМ файле index.html для продажи [ТОВАР] в [СТРАНА], оплата при доставке.

Используй это исследование:
[ВСТАВЬ СЮДА ОТВЕТ ИЗ ШАГА 1]

Требования:
- Формат: [advertorial / sales page]
- Язык: [язык страны]
- Mobile-first, весь CSS внутри файла (без внешних библиотек), быстрая и лёгкая страница.
- Структура: хук, проблема, решение, преимущества и доказательства, отзывы, чёткое предложение, FAQ и несколько точек CTA.
- Для изображений используй относительные пути вида images/img_01_hero.jpg, images/img_02_product.jpg и т. д. В конце перечисли нужные изображения с коротким описанием каждого (это понадобится мне для их генерации).
- В местах CTA / формы заказа вставь ТОЧНО этот плейсхолдер (несколько раз при необходимости): <div class="lp-form-container"></div>  — НЕ создавай форму вручную.
- Прямо перед </body> вставь этот блок, оставив значения как есть:
  <script>
    window.RoyLeadConfig = {
      captureUrl: "https://capture.roylead.com",
      apiKey: "ВАШ_API_KEY",
      landingPageId: "ID_ВАШЕГО_ЛЕНДИНГА",
      thankYouPage: "https://вашдомен.com/spasibo.html"
    };
  </script>
  <script src="https://capture.roylead.com/tracker.js"></script>
- Дай мне полный файл index.html, готовый к сохранению.

💡 Claude вернёт вам файл и список изображений, которые нужно создать. Создайте новую папку на компьютере и сохраните туда файл как index.html.

Шаг 4 — Создайте изображения с ChatGPT

Возьмите список изображений, который дал Claude, и попросите ChatGPT сгенерировать их по одному:

Сгенерируй изображение: [описание из списка Claude]. Реалистичный фотографический стиль, подходящий для продающего лендинга [ТОВАР]. Вертикальный формат, рассчитанный на мобильные устройства.

• Скачайте каждое изображение и переименуйте его точно так, как в файле (например, img_01_hero.jpg).
• Поместите их все в подпапку images/ внутри папки лендинга.

⚠️ Для товара используйте свои реальные фото. ChatGPT подходит для hero-изображений, фонов, иллюстраций. Никаких фальшивых отзывов или недостоверных заявлений: помимо того, что это неправильно, из-за этого блокируют рекламные кампании.

Шаг 5 — Проверьте папку

В итоге у вас должно быть:

• index.html
• папка images/ со всеми изображениями, с правильными названиями
• <div class="lp-form-container"></div> там, где нужна форма
• блок RoyLead Tracker прямо перед </body>

Откройте index.html двойным кликом: страница должна отображаться, изображения — загружаться, и должно быть место для формы.

💡 Хотите что-то поменять (текст, порядок разделов, цвет)? Скажите Claude, что изменить, и попросите вернуть обновлённый файл.

Что дальше? Опубликуйте лендинг

Папка готова. Разместите её онлайн на своём домене и подключите трекер (именно там вы укажете ВАШ_API_KEY и ID_ВАШЕГО_ЛЕНДИНГА):

Опубликовать HTML-лендинг на Cloudflare Workers ↗