Templates & ExamplesWeb page templates

Templates and examples for AI Studio web pages

Copy-paste prompt templates to generate landing pages, product pages, and local service sites in AI Studio, plus ideas for fast refinements.

Use these templates in AI Studio

Generate a complete web page in a few seconds, then refine it in short follow-up prompts. AI Studio can create structure, copy, images, SEO metadata, and ideas for next sections.

Before you start:

  • Decide your primary goal: leads, sales, bookings, or registrations.
  • Gather basics: offer, audience, pricing, location, and brand voice.
  • Know where this page will live: main site, campaign, or standalone.
  • If you have a workspace or CRM, be ready to connect forms later.

Quick instructions

  • Open AI Studio and start a new web page.
  • Paste one of the templates below into the prompt area.
  • Replace the bracketed placeholders with your details.
  • Ask AI Studio to generate the full page.
  • Review the result, then use the refinement prompts at the end of this page.

Web page templates

Use these templates as starting prompts. Keep the structure, change the specifics.

Goal: Capture contact details for a specific offer (ebook, consultation, demo, checklist).

Act as a direct-response web designer and copywriter.

Build a high-converting lead-generation landing page for:
- Offer: [describe your offer, e.g. "30-minute marketing audit for B2B SaaS founders"]
- Audience: [who this is for]
- Primary goal: [e.g. "book a call", "request a quote", "download a guide"]
- Brand voice: [e.g. "professional but friendly, no hype"]
- Differentiators: [3–5 short bullets of what makes this offer unique]

Page structure:
- Hero section with clear headline, supporting subheadline, and one strong CTA button.
- Social proof: logos, short testimonial snippets, or quick stats.
- "Who this is for" section with 3–5 bullet points.
- Benefits section with 3–5 cards explaining outcomes, not features.
- Short "How it works" 3-step process with simple icons.
- Lead capture form section with headline, brief privacy reassurance, and bullet list of what happens after submission.
- Optional FAQ section with 4–6 concise questions and answers.
- Final CTA section that repeats the main offer and button.

Requirements:
- Use clear, straightforward language that speaks directly to the reader.
- Focus on outcomes and value, not buzzwords.
- Include at least two options for hero headlines and CTA button text.
- Suggest image ideas for the hero and benefits sections (no stock-photo clichés).
- Suggest SEO title and meta description for this page.
- Suggest a favicon and color theme that match the brand voice.

Optimize the layout for scanning with short paragraphs, bullets, and descriptive section headings.

To tune this page:

  • Ask AI Studio to make the copy more specific by adding real metrics or timeframes.
  • Request an alternate version focused on a different audience segment.
  • Add a follow-up section with a lead magnet (checklist, template, mini-course).
  • Ask for a short follow-up email that triggers after form submission.

SEO and conversion checklist

Use this mini checklist to polish any generated page before publishing.

  • Clear goal: One primary action per page (form submit, purchase, call, or register).
  • Above-the-fold clarity: Hero shows who it is for, what they get, and what to do next.
  • Consistent CTAs: Use the same primary CTA wording throughout the page.
  • Trust signals: Add testimonials, stats, logos, guarantees, or credentials near CTAs.
  • SEO basics: Include a specific keyword in the main heading, first paragraph, and SEO title.
  • Metadata: Confirm SEO title and meta description are set and not cut off in previews.
  • Mobile view: Scan the page on a small screen and shorten any dense paragraphs.
  • Analytics: Ensure tracking is in place to measure visits, clicks, and form submissions.

Ask AI Studio: "Review this page for SEO and conversions and propose a checklist of final edits, then apply them."

Refine in iterations

After the first version, improve the page with short, targeted prompts instead of starting over.

Use prompts like:

  • "Tighten the hero section: make the headline and subheadline 20 percent shorter and more specific, and give me 3 options."
  • "Rewrite the benefits section to focus on outcomes and results, not features. Add one real-world example per benefit."
  • "Adjust the tone to be more [formal, casual, playful, authoritative] while keeping the structure the same."
  • "Add a short FAQ section that addresses the top 5 objections someone might have before taking action on this page."
  • "Suggest and insert image ideas for each section, including style and composition notes for a designer."
  • "Review the page for clarity and remove any jargon or generic phrases, replacing them with concrete language."

When a refinement works, tell AI Studio: "Lock this section and only edit the others." That keeps your best-performing copy while you experiment elsewhere.