Creează o landing page HTML cu Claude sau ChatGPT

Pasul 1 — Cercetare de piață și buyer persona

Înainte de copy, fă AI-ul să înțeleagă cui te adresezi și de ce cumpără. Lipește acest prompt (completează produsul și țara):

Ești un expert în direct response marketing. Trebuie să vând [PRODUS] în [ȚARA], cu plată la livrare (COD).
Dă-mi, pe scurt:
1. Buyer persona: cine e, vârstă, problema principală, de ce se teme, ce își dorește
2. Cele mai puternice 3-5 pain point-uri pe care să mă bazez
3. Cel mai eficient unghi de vânzare (angle) pentru trafic rece de pe Facebook/TikTok
4. Tonul de voce potrivit pentru acest public
5. 5 headline-uri candidate

Ține răspunsul deoparte: i-l dai lui Claude la Pasul 3.

Pasul 2 — Alege formatul: advertorial sau sales page

• Advertorial — arată ca un articol sau o poveste ("Am încercat X timp de 30 de zile și..."). Vinde subtil: excelent pentru trafic rece care încă nu te cunoaște.
• Sales page — o pagină de vânzare directă: problemă → soluție → produs → ofertă → CTA. Bună pentru public mai "cald" sau oferte simple, de impuls.

💡 La dubiu, pentru COD pe trafic rece pornește cu advertorial-ul: convertește mai bine pe cei care vin din social media.

Pasul 3 — Fă-l pe Claude să scrie HTML-ul

Ăsta e prompt-ul central. Lipește-l în Claude împreună cu cercetarea de la Pasul 1:

Ești un copywriter direct-response și dezvoltator front-end. Creează o landing page într-UN SINGUR fișier index.html, pentru a vinde [PRODUS] în [ȚARA], cu plată la livrare.

Folosește această cercetare:
[LIPEȘTE AICI RĂSPUNSUL DE LA PASUL 1]

Cerințe:
- Format: [advertorial / sales page]
- Limbă: [limba țării]
- Mobile-first, tot CSS-ul în interiorul fișierului (fără librării externe), pagină rapidă și ușoară.
- Structură: hook, problemă, soluție, beneficii și dovezi, recenzii, ofertă clară, FAQ, și mai multe puncte de CTA.
- Pentru imagini folosește căi relative de tipul images/img_01_hero.jpg, images/img_02_produs.jpg etc. La final, enumeră imaginile necesare cu o scurtă descriere a fiecăreia (o voi folosi ca să le generez).
- La punctele cu CTA / formularul de comandă inserează EXACT acest substituent (de mai multe ori dacă e nevoie): <div class="lp-form-container"></div> — NU crea un formular manual.
- Chiar înainte de </body> inserează acest bloc, lăsând valorile așa cum sunt:
  <script>
    window.RoyLeadConfig = {
      captureUrl: "https://capture.roylead.com",
      apiKey: "CHEIA_TA_API",
      landingPageId: "ID_LANDING_PAGE_TĂU",
      thankYouPage: "https://domeniultau.com/multumesc.html"
    };
  </script>
  <script src="https://capture.roylead.com/tracker.js"></script>
- Dă-mi fișierul index.html complet, gata de salvat.

💡 Claude îți dă înapoi fișierul și lista de imagini de creat. Fă un folder nou pe calculator și salvează fișierul în el ca index.html.

Pasul 4 — Creează imaginile cu ChatGPT

Ia lista de imagini pe care ți-a dat-o Claude și pune-le ChatGPT să le genereze, una câte una:

Generează o imagine: [descriere luată din lista lui Claude]. Stil fotografic realist, potrivit pentru o landing page de vânzare pentru [PRODUS]. Format vertical, gândit pentru mobil.

• Descarcă fiecare imagine și redenumește-o exact cum apare în fișier (ex. img_01_hero.jpg).
• Pune-le pe toate într-un subfolder images/ din folderul landing page-ului.

⚠️ Folosește pozele tale reale pentru produs. ChatGPT e bun pentru hero, fundaluri, ilustrații. Fără testimoniale false sau afirmații neadevărate: pe lângă faptul că e incorect, îți blochează campaniile.

Pasul 5 — Verifică folderul

La final trebuie să ai:

• index.html
• folderul images/ cu toate imaginile, cu numele corecte
• <div class="lp-form-container"></div> unde vrei formularul
• blocul RoyLead Tracker chiar înainte de </body>

Deschide index.html cu dublu clic: pagina trebuie să se afișeze, imaginile să se încarce, și să existe spațiul pentru formular.

💡 Vrei să schimbi ceva (un text, ordinea secțiunilor, o culoare)? Spune-i lui Claude ce să modifice și pune-l să-ți dea fișierul actualizat.

Ce urmează? Publică landing page-ul

Folderul e gata. Pune-l online pe domeniul tău și conectează tracker-ul (acolo vei introduce CHEIA_TA_API și ID_LANDING_PAGE_TĂU):

Publică o landing page HTML pe Cloudflare Workers ↗