Master the art of prompting to get the best results from our AI website builder.

Why Prompts Matter

The quality of your website depends largely on how well you describe what you want. A detailed, well-structured prompt leads to impressive results, while a vague prompt may require multiple rounds of refinement.

Anatomy of a Great Prompt

A complete prompt includes several key elements:

1. Business Context

Start with who you are and what you do:

Create a website for a dental clinic called "Healthy Smile" 
located in Boston, Massachusetts.

2. Structure & Pages

List the pages and sections you need:

Pages:
- Homepage with hero banner and key services
- Services page with detailed descriptions
- About us with team profiles
- Contact page with form and map

3. Content Hints

Provide specific content when possible:

Services to include:
- Teeth whitening ($250)
- Cavity treatment ($150-300)
- Dental implants ($2,500+)
- Pediatric dentistry (varies)

4. Design Direction

Describe the visual style:

Style: Modern medical aesthetic
Colors: White background, light blue accents
Mood: Professional, trustworthy, welcoming

Prompt Templates

Use these templates as starting points for different types of websites.

Landing Page Template

Create a landing page for [product/service name].

Sections:
- Hero with headline, subtitle, and CTA button
- Features/benefits (3-4 cards with icons)
- How it works (step-by-step)
- Testimonials from customers
- Pricing plans
- FAQ accordion
- Final CTA with contact form

Style: [modern/classic/minimal/bold]
Colors: [primary color] with [accent color]
Target audience: [describe your audience]

Business Website Template

Create a website for [business type] called "[Business Name]".
Location: [city, state/country]

Services/Products:
- [Service 1]
- [Service 2]
- [Service 3]

Pages:
1. Homepage — hero section, services overview, testimonials
2. About — company story, team members, values
3. Services — detailed descriptions with [photos/pricing]
4. Contact — form, address, phone, map

Style: [describe aesthetic]
Colors: [color scheme]
Special features: [booking form, gallery, etc.]

Portfolio Template

Create a portfolio website for [profession] named [Your Name].

Sections on single page:
- Hero with photo and short introduction
- Bio/About me
- Skills and expertise (visual representation)
- Portfolio/Projects gallery
- Client logos or testimonials
- Contact form

Style: [creative/professional/minimal]
Color palette: [describe colors]
Include: Subtle animations and transitions

E-commerce / Catalog Template

Create a product catalog for [store name] selling [product type].

Homepage:
- Featured products slider
- Category navigation
- Best sellers grid
- Promotional banner
- Store benefits (shipping, returns, etc.)

Product sections:
- Category pages with filters
- Product cards with [image/price/button]

Style: [describe retail aesthetic]
Colors: [brand colors]

Good vs. Poor Prompts

❌ Too Vague

Make a nice website for my business.

Why it fails: No context, no structure, no style guidance.

✅ Detailed and Clear

Create a website for a coffee shop called "Morning Brew" in Seattle.

Homepage sections:
- Hero with atmospheric coffee shop photo
- Our Story (brief introduction)
- Menu highlights (3 featured drinks)
- Locations with hours
- Instagram feed integration placeholder

Style: Cozy, warm atmosphere
Colors: Deep brown, cream, hints of copper
Typography: Mix of elegant serif headings and clean sans-serif body

Prompts for Edits and Updates

After creating your site, use specific prompts to make changes.

Adding Elements

Add a newsletter subscription section at the bottom of the 
homepage. Include an email input field and "Subscribe" button. 
Add small text about privacy policy below.

Changing Design

Update the color scheme:
- Primary: Deep navy (#1a365d)
- Accent: Gold (#d4a574)  
- Background: Off-white (#faf9f6)
Apply these colors consistently across all pages.

Modifying Content

Replace the current heading in the hero section with:
"Transforming Ideas into Reality"

And change the subtitle to:
"Premium web design services for growing businesses"

Update the button text to "View Our Work"

Adjusting Layout

In the features section:
- Change from 3 columns to 4 columns
- Make the icons larger
- Add more vertical spacing between items
- Center-align all text

Adding Pages

Create a new Blog page with:
- Grid layout for blog post cards
- Each card shows: featured image, title, excerpt, date
- Sidebar with categories and recent posts
- Clean, readable typography

Advanced Prompt Techniques

Using Reference Language

Create a hero section similar to Apple's product pages:
- Large, impactful headline
- Clean product image
- Minimal text
- Lots of white space

Specifying Interactions

Add a pricing section with toggle between Monthly and Annual plans.
When switching to Annual, show a "Save 20%" badge.
Highlight the recommended plan with a "Popular" label.

Requesting Animations

Add subtle hover effects to all service cards:
- Slight lift (transform upward)
- Soft shadow increase
- Background color tint
Keep transitions smooth (0.3s ease)

Mobile-First Requirements

Design the services section to be:
- 3 columns on desktop
- 2 columns on tablet
- 1 column stacked on mobile
Ensure text remains readable on all devices.

Common Prompt Mistakes

Mistake 1: Conflicting Instructions

❌ "Make it minimal but with lots of decorations"

✅ "Clean design with strategic accent elements"

Mistake 2: Too Many Features at Once

❌ "Add e-commerce, blog, booking, forums, chat, and newsletter"

✅ Start with core features, then add more incrementally

Mistake 3: Assuming Context

❌ "Fix the issue with the menu"

✅ "The navigation menu is not visible on mobile. Add a hamburger menu icon that opens a dropdown on tap."

Mistake 4: Skipping Design Details

❌ "Add a contact section"

✅ "Add a contact section with:

Contact form (name, email, message)
Phone number and email displayed
Office hours
Embedded Google Map
Social media links"

Prompt Checklist

Before submitting, verify your prompt includes:

Practice Makes Perfect

Start with a template, customize it for your needs, and iterate. Each prompt teaches the AI more about your preferences, leading to better results over time.

Quick Experiments

Try these practice prompts:

Simple: "Add a call-to-action button that says 'Get Started'"
Medium: "Create a testimonials section with 3 customer quotes"
Complex: "Design a pricing table with 3 tiers: Basic, Pro, Enterprise"

Getting Help

Still struggling with prompts?

Review the examples in this guide
Start simple and add details
Don't be afraid to iterate
Ask specific questions when something doesn't work

Remember: You can always refine your website with additional prompts. The AI learns from context and improves with each interaction.

Writing Better Prompts