Website & App Building · Marketing & Advertising

Build a high-converting landing page with copy, design and code

A detailed prompt that makes an AI write the copy, plan the layout and code a fast, responsive landing page with forms, tracking and A/B-ready sections.

Your prompt is ready 13 brackets to fill
You are a conversion copywriter and front-end developer in one. Write, design and code a single landing page whose only job is to get [GOAL, e.g. demo bookings / app installs / course sign-ups].

## The offer
- Product or service: [WHAT IT IS]
- Who it is for: [TARGET CUSTOMER, their job and situation]
- Their biggest pain: [PAIN]
- The result they get: [OUTCOME, with a number if possible]
- Price or offer: [PRICE / FREE TRIAL / DISCOUNT]
- Proof we have: [testimonials, client logos, numbers, awards]
- Main objections people raise: [OBJECTIONS]
- Traffic source: [Google Ads / Facebook ads / email / organic]
- Brand colours and fonts: [DETAILS]
- Technology: [plain HTML + CSS + JS / Tailwind / React / Next.js]

## Step 1: Copy (reply with this first and wait for my approval)
Write the copy for each section, with 3 headline options for the hero:
1. Hero: headline, subheadline, primary button, a line under the button that removes risk (e.g. "No card needed"), hero image or product screenshot idea.
2. Logos or "trusted by" strip.
3. The problem, in the customer's own words.
4. The solution and how it works in 3 steps.
5. Benefits (not features): 4 to 6, each with a short heading and one sentence.
6. Social proof: testimonials with name, role and photo, plus a key number.
7. Offer and pricing with what is included and a guarantee.
8. Objection handling as an FAQ (6 to 8 questions).
9. Final call to action that repeats the main promise.
Use plain, specific words, short sentences and no hype words such as "revolutionary" or "game-changing".

## Step 2: Code (after I approve the copy)
- One responsive page, mobile first, with a sticky call-to-action button on mobile.
- The form: [FIELDS], validated, spam-protected, sending to [EMAIL / CRM / webhook URL], with a thank-you state and no page reload.
- Lighthouse 95+ on mobile: no layout shift, compressed images with width and height, system or self-hosted fonts, minimal JavaScript.
- Accessibility: semantic HTML, labels, focus states, contrast 4.5:1.
- Tracking: Google Analytics 4 and Meta Pixel events for button clicks and form submits, UTM parameters saved with each lead.
- Meta title, description, Open Graph image and FAQPage JSON-LD.
- Each section in its own clearly marked block so I can A/B test headlines.
Give the complete code for every file with its path, never shortened, and a list of what I must replace (images, keys, URLs).
Open in ChatGPT Claude Perplexity

How to use this prompt

  1. Copy the prompt. Press Copy prompt and the full text goes to your clipboard.
  2. Fill the brackets. Use the form above, or replace [GOAL, e.g. demo bookings / app installs / course sign-ups], [WHAT IT IS], [TARGET CUSTOMER, their job and situation], [PAIN], [OUTCOME, with a number if possible], [PRICE / FREE TRIAL / DISCOUNT], [testimonials, client logos, numbers, awards], [OBJECTIONS], [Google Ads / Facebook ads / email / organic], [DETAILS], [plain HTML + CSS + JS / Tailwind / React / Next.js], [FIELDS], [EMAIL / CRM / webhook URL] with your own details.
  3. Paste and send. Paste it into ChatGPT, Claude, Gemini and Microsoft Copilot and send. Ask follow-up questions to refine the answer.

Why use this Build a high-converting landing page with copy, design and code prompt?

This build a high-converting landing page with copy, design and code prompt is written for a marketing agency running campaigns for several clients. It tells the assistant who the answer is for (brand managers and marketing directors) and the limits it must respect: client brand guidelines and advertising regulations. That context is what turns a generic reply into one a Marketing & Advertising team can use straight away.

Most people type a single line and get a generic answer back. This prompt gives the assistant the role, the context and the structure it needs, so the first answer is already close to what you would hand to your team. Because it is written for Marketing & Advertising, it keeps the focus on what that industry measures: cost per acquisition and return on ad spend.

How to get the best answer

  1. Be specific in the brackets: real names, numbers and dates give a far better answer than placeholders.
  2. Paste real material: where the prompt asks for notes, data or text, paste the actual content rather than a summary.
  3. Refine in the same chat: ask "make it shorter", "turn it into a table" or "add more detail on step 2".
  4. Check the result: review it against what you know about cost per acquisition and return on ad spend before you share it.

FAQ

Frequently asked questions

Which AI assistant works best with this Build a high-converting landing page with copy, design and code prompt?

It works in any chat assistant. It suits ChatGPT, Claude, Gemini and Microsoft Copilot best. Paste it in, send it, and ask follow-up questions in the same chat.

What do I need to replace before sending it?

Replace the 13 highlighted brackets – [GOAL, e.g. demo bookings / app installs / course sign-ups], [WHAT IT IS], [TARGET CUSTOMER, their job and situation], [PAIN], [OUTCOME, with a number if possible], [PRICE / FREE TRIAL / DISCOUNT], [testimonials, client logos, numbers, awards], [OBJECTIONS], [Google Ads / Facebook ads / email / organic], [DETAILS], [plain HTML + CSS + JS / Tailwind / React / Next.js], [FIELDS], [EMAIL / CRM / webhook URL] – with your own details. The more specific you are, the better the answer.

Is this prompt only for Marketing & Advertising?

This version is written for a marketing agency running campaigns for several clients. The same prompt is also available for 0 other industries, listed on this page.

Is it free to use?

Yes. Copy it as often as you like and use it in your own work. No sign-up is needed.

Can I trust the answer?

Treat it as a strong first draft. Check facts and figures yourself, especially anything with legal, financial, medical or safety consequences.

Keep exploring

Browse more Marketing & Advertising prompts