Vibe Code a Marketing Agency Website
Free vibe coding prompt to build a WordPress marketing agency site. Services, case studies, team, free audit funnel, blog, and ProfessionalService schema. Full agency setup.
Plan and produce a complete WordPress site architecture for a marketing
agency with services, case studies, team, and lead generation engine.
Output should be production-ready.
═══════════════════════════════════════════════════════════════
BUSINESS DETAILS
═══════════════════════════════════════════════════════════════
- Agency name: [AGENCY NAME]
- City: [CITY]
- Services: SEO, paid ads, content marketing, social media, web design,
branding (pick 4-6)
- Industries served: [e.g., SaaS, e-commerce, healthcare, B2B]
- Team size: [SOLO / SMALL / BOUTIQUE / MID-SIZE]
- Goal: 5-10 qualified leads per month from organic + paid
═══════════════════════════════════════════════════════════════
BRAND
═══════════════════════════════════════════════════════════════
- Brand colors: bold primary (electric blue or accent color) + dark ink
+ warm cream. Override if user provides; AA-contrast.
- Type: display sans for headings (Manrope, Bricolage Grotesque) + Inter
for body + monospace for metrics/code.
═══════════════════════════════════════════════════════════════
PLUGIN STACK (WP-CLI)
═══════════════════════════════════════════════════════════════
wp plugin install --activate
bricks
advanced-custom-fields
wpforms-lite
wordpress-seo
wp-rocket
shortpixel-image-optimiser
fluent-crm
pretty-link
- Theme: Bricks Builder OR Kadence block theme with custom blocks
- Forms: WPForms or Fluent Forms (Free Audit funnel critical)
- Tracking: GA4 + GTM + Hotjar/Clarity
═══════════════════════════════════════════════════════════════
DATA MODEL
═══════════════════════════════════════════════════════════════
- CPTs:
- `service`, fields: name, description, included_deliverables
(repeater), pricing_model, lead_form_id (relationship), case_studies
(relationship), faq (repeater), schema_excerpt
- `case_study`, fields: client, industry (taxonomy), services_rendered
(taxonomy), hero_image, problem, approach, outcome, metrics
(repeater: label + value, e.g., "3x revenue / 6 months"), testimonial,
live_link, related_case_studies (relationship)
- `team_member`, name, role, bio, photo, expertise, linkedin
- `resource`, gated lead magnets (PDFs, templates, checklists)
- Taxonomies: `industry`, `service_type`, `resource_type`
═══════════════════════════════════════════════════════════════
SITE MAP
═══════════════════════════════════════════════════════════════
1. Home
2. Services (overview + service detail pages)
3. Industries (overview + industry-specific landing pages)
4. Case Studies (filterable + detail pages)
5. Team
6. Process
7. Blog (long-form SEO content)
8. Resources (gated downloads)
9. About
10. Careers (if hiring)
11. Contact (with Free Audit primary CTA)
12. Free Audit (multi-step form, primary lead engine)
═══════════════════════════════════════════════════════════════
HOMEPAGE, BLOCK MARKUP
═══════════════════════════════════════════════════════════════
1. Hero with bold positioning ("We help [audience] [outcome]") + CTA
"Get a free audit"
2. Client logos strip (8 logos in grayscale, "Trusted by")
3. Services preview (6 cards: icon + service name + 2-line description
+ "Learn more →")
4. Selected case studies (3 with hero photo, client name, headline result,
"View case study →")
5. Process (4-step horizontal: Discovery → Strategy → Build → Scale)
6. Team preview (4 team cards with photo + name + role)
7. Resources / lead magnet card ("Free playbook: [TITLE]", gated)
8. Newsletter signup
9. Free Audit CTA band ("Find your growth gaps. Free.") + secondary
"View case studies"
═══════════════════════════════════════════════════════════════
SERVICE PAGE TEMPLATE
═══════════════════════════════════════════════════════════════
- Service-specific hero
- What's included (5-7 deliverables in prose with check icons)
- Process for this service (4-6 steps)
- Pricing model (project-based / retainer / performance), transparent
- Case studies relevant to this service (3 cards)
- FAQ for this service (8-10 items)
- Service-specific lead form ("Get a free [SERVICE] audit")
- CTA at bottom
═══════════════════════════════════════════════════════════════
CASE STUDY TEMPLATE (most important for conversion)
═══════════════════════════════════════════════════════════════
- Big result number hero ("3x revenue in 6 months")
- Client / industry / services chips
- "The problem", 1-2 paragraphs from client's POV
- "Our approach", visual breakdown with imagery, strategy headers
- "The outcome", 3-4 KPI callout cards with numbers + context
- Pull-quote from client (large italic serif, with name + role)
- Related case studies (3 cards)
- "Want similar results? Book a free audit →" CTA
═══════════════════════════════════════════════════════════════
FREE AUDIT (PRIMARY LEAD GENERATOR)
═══════════════════════════════════════════════════════════════
- Multi-step form (3 steps, low-friction):
Step 1: URL + business name + your role
Step 2: Biggest challenge (textarea) + monthly revenue range (select)
Step 3: Email + phone + how can we reach you
- Honeypot + Cloudflare Turnstile
- Routing: send to sales@ + Slack webhook + create lead in CRM
- Success page: "Your audit will arrive in 48 hours" + suggested content
to read while waiting
- Email automation:
Day 0: Confirmation
Day 2: Audit delivered (PDF attached or linked)
Day 5: Follow-up to schedule review call
Day 14: "Any questions?" check-in
═══════════════════════════════════════════════════════════════
RESOURCES (LEAD MAGNETS)
═══════════════════════════════════════════════════════════════
- Resource hub at /resources with grid of 8-15 gated downloads
- Each: cover image, title, format (PDF/template/checklist), download
size, "Get free copy" CTA
- Email-gated via FluentCRM
- Welcome series after download:
Day 0: Deliver the resource
Day 3: "How to apply this in 1 hour" tutorial
Day 7: Related resource + soft pitch
═══════════════════════════════════════════════════════════════
BLOG STRATEGY
═══════════════════════════════════════════════════════════════
- Long-form SEO content (2000+ words per article)
- Topical clusters around services (5 articles per service category)
- Internal linking from blog → services → case studies → free audit
- Schema: Article, FAQPage where applicable
- Yoast for on-page SEO + topic optimization
═══════════════════════════════════════════════════════════════
SEO STRATEGY
═══════════════════════════════════════════════════════════════
- Target keywords: "[Service] agency [city]", "Best [service] for
[industry]"
- Schema: ProfessionalService (site-wide), Article (blog), FAQPage
(service pages), Review (testimonials), Organization
- Programmatic landing pages if serving multiple cities/industries
ADDITIONAL SEO REQUIREMENTS (implement all of these):
On-Page SEO for Every Page:
- Yoast/RankMath meta title template: "[Page Title] | [Site Name]" (under 60 chars)
- Meta description per page: 150-160 chars, include primary keyword + CTA
- Exactly ONE H1 per page — use the real, human headline; keep keywords in the title and meta, not the visible H1
- Logical H2 > H3 heading hierarchy, never skip a level
- Headings should include secondary keywords naturally,
keep the section's real, human label (keywords in title and meta, not stuffed headings)
- Every image must have a descriptive alt attribute with keywords
- Internal links between related content using descriptive anchor text
Structured Data (JSON-LD via Yoast/RankMath + manual where needed):
- Primary schema types: ProfessionalService, Organization
- BreadcrumbList on all pages
- FAQPage schema on any page with an FAQ/accordion section
- Article schema on all blog posts (auto via Yoast)
- Validate schema with Google Rich Results Test before launch
Open Graph & Social Sharing:
- og:title, og:description, og:image, og:url on every page
- twitter:card=summary_large_image on every page
- Default OG image set in Yoast; per-page overrides for key landing pages
- OG images should be 1200x630px, branded, with clear text
Content SEO:
- Write real, useful body copy for every page (not just headings and CTAs).
Every major section needs at least 2-3 sentences of descriptive text
that search engines can index.
- Blog content strategy: 10 seed articles targeting long-tail keywords
related to "marketing agency". List the titles and target keywords.
- Use the primary keyword once or twice where it reads naturally; keep the rest in titles and meta, never stuffed.
- Every CTA should use descriptive anchor text with the service keyword.
Technical SEO:
- XML sitemap split by post type (auto via Yoast)
- Canonical tags on all pages (auto via Yoast)
- robots.txt: allow all, point to sitemap
- 301 redirects plan for any renamed/moved content
- Breadcrumbs enabled via Yoast + schema
- Clean permalinks: pick one post-permalink base that fits the site (do not force /blog/ on a post-centric site); /%postname%/ is fine for pages
- Lazy load all images below the fold, eager load hero/LCP image
- Core Web Vitals targets: LCP < 2.5s, CLS < 0.1, INP < 200ms
SECURITY, ACCESSIBILITY & HONESTY (required):
- Escape all output (esc_html/esc_url/esc_attr), sanitize all input (sanitize_text_field + wp_unslash), and use a nonce + current_user_can() on every form handler and custom action. Emit JSON-LD with wp_json_encode().
- Target WCAG 2.2 AA: visible :focus-visible states, <label for> on every field, full keyboard operability, and @media (prefers-reduced-motion: reduce) around all motion.
- Never fabricate business data, testimonials, ratings, credentials, or stats; leave labeled {{TODO}} placeholders for anything the user has not supplied.
- PLUGIN INSTALL: some listed plugins are premium or not in the wordpress.org directory, so a single `wp plugin install` will error out. Split the list into free (wp.org) vs premium (upload/license), verify each slug, and note that gallery/group ACF fields and ACF Blocks need ACF Pro.
- Commit to ONE paradigm: a block theme (theme.json + block templates) OR a classic theme/builder — never mix them. If a plugin already owns a post type or feed (inventory, sermons, courses, job listings, podcast feeds), extend it — do not re-declare that CPT or emit a second, conflicting schema block.
═══════════════════════════════════════════════════════════════
ANALYTICS
═══════════════════════════════════════════════════════════════
- GA4 via GTM
- Events: free_audit_start, free_audit_submit, resource_download,
case_study_view, service_page_view, contact_form_submit
- Conversion tracking on free audit + resource downloads
- UTM tracking preserved throughout funnel
- Hotjar/Clarity for session replay
═══════════════════════════════════════════════════════════════
PERFORMANCE
═══════════════════════════════════════════════════════════════
- LCP < 2s (agency = credibility = fast)
- WP Rocket + Critical CSS + Cloudflare
- Self-host Google Fonts
- Image-heavy case studies, adaptive images critical
═══════════════════════════════════════════════════════════════
ANTI-PATTERNS TO AVOID
═══════════════════════════════════════════════════════════════
- No emojis in headlines
- No "We're the #1 agency!" without source
- No fake stock photos of "team in conference room"
- No autoplay video with sound on hero
- No real client logos without explicit case-study permission
- No script/handwritten fonts
- No "We grew their revenue by 1000%!" without proof
- No live chat popups that hijack on load
- No "passion for marketing" / "love what we do" filler
- No buried pricing, be transparent
═══════════════════════════════════════════════════════════════
DELIVERABLE
═══════════════════════════════════════════════════════════════
1. Site map
2. WP-CLI install commands
3. CPT (service, case_study, team_member, resource) ACF JSON
4. theme.json
5. Homepage block markup
6. Service page template
7. Case study template (with metrics cards)
8. Free Audit multi-step form + routing + email flow
9. Resource library setup
10. Blog content strategy (12-month plan)
11. Launch checklist (20 items)
This free prompt gives ChatGPT or Claude a full build plan for a marketing agency website, built to prove results and generate leads: case studies with real numbers, service pages, a free-audit funnel, and a qualifying contact form. It is written for agencies that need prospects to see outcomes, request an audit, and self-identify their budget before a sales call. The output is a complete WordPress specification aimed at conversion, not a portfolio with a contact link.
What does the marketing agency website prompt build?
The plan is organized around turning visitors into qualified leads. The homepage leads with results and recognizable client logos, then routes people to services or a free audit. Service pages spell out each offering, from SEO and paid media to content and social, with deliverables and the outcomes clients can expect. A case-study section presents each engagement with the metrics that moved, and a team page adds faces and credibility. The free-audit funnel is the primary lead magnet, backed by a blog for content marketing, a careers page, and a multi-step contact form. Every page ships as Gutenberg markup on a shared theme.json.
Who is this marketing agency prompt for?
It fits full-service and specialist agencies, SEO and PPC shops, social and content studios, and freelancers scaling into a small team. Marketing leads run the case-study and blog engine themselves, and the plan works as a brief for a developer. If your work is advisory rather than campaign execution, a consulting firm website is the closer fit. To scope the project, what a WordPress build costs is published openly, and our WordPress build service can build the funnel for you if you would rather sell than assemble it.
What’s inside the prompt?
- A brand block for your agency name, positioning, colors, and ideal client
- A stack recommendation using a custom block theme, ACF Pro, Yoast SEO, WPForms, and WP Rocket
- A data model for services, case studies, and team members plus service-category and industry taxonomies
- A theme.json design system tuned for bold results numbers and confident, credible layouts
- Gutenberg markup for the homepage, service pages, case studies, team, free-audit funnel, blog, careers, and contact
- A free-audit lead magnet with a multi-step form that captures budget, channel, and timeline
- ProfessionalService and Organization structured data, an XML sitemap, and keyword targets per service and industry
- Core Web Vitals goals, caching notes, and a launch checklist covering tracking and conversion setup
Frequently asked questions
Can I showcase case studies with real metrics?
Yes. Each case study is a structured entry with the client, the challenge, the work, and the numbers that changed, so a prospect sees “3x leads in six months” rather than a vague testimonial. The layout is repeatable, so publishing a new win takes minutes.
Does it include a free-audit or lead-magnet funnel?
The free audit is the site’s main conversion path. A dedicated landing page and a multi-step form collect the prospect’s site, goals, and budget, then deliver a thank-you and follow-up sequence. It gives your sales team a warm, self-qualified lead instead of a cold contact form fill.
Can I present distinct service packages?
Each service, from SEO to paid media to content, gets its own page with deliverables, process, and expected outcomes, organized by a service-category taxonomy. That lets a prospect land directly on the offering they searched for and understand exactly what they would buy.
How does ProfessionalService schema help an agency?
It marks the agency as a professional service with your name, service areas, and contact details, which helps search engines and AI answers describe what you do and who you serve. Paired with service-specific pages, it improves visibility for “[service] agency in [city]” searches.
Can the contact form qualify leads by budget and timeline?
Yes. The multi-step contact form built on WPForms captures budget range, the channels a prospect cares about, and their timeline, then routes the submission by fit. Your team spends time on leads that match instead of triaging every inquiry.
How to actually run this.
Copy the whole thing
All of it. Do not trim it down, every line is in there for a reason.
Swap in your details
Find the BUSINESS DETAILS part and drop in the real business. Name, what they do, all of it.
Paste and wait
Drop it into Claude for the first pass, or v0 if it is a landing page. Give it a minute.
Clean it up
Tweak the boring 10 percent. Spacing, mobile, that one cringe line. Ship it.
What’s next: from generated code to a website that works
The prompt did the hard 90 percent. What’s left is the boring 10 percent that turns a folder of code into a site people can actually find and trust. Here’s the whole checklist, in order.
1. Buy a domain
Grab your name at a registrar like Namecheap, Cloudflare, or Porkbun — about $10 to $15 a year for a .com. Skip the ten-year prepay and the upsells; you just need the domain and, ideally, the free WHOIS privacy most registrars now include.
2. Put it online
If the AI built you a static site (HTML, CSS, and JavaScript), you can host it for free: drag the folder into Netlify or Vercel, or connect a GitHub repo, then point your domain at it. If it built a WordPress theme, you need WordPress hosting — pick a managed host, install WordPress, upload the theme, and connect the domain. Either way, turn on HTTPS; it’s free and automatic on every modern host.
3. Wire up the parts AI skips
Generated sites almost always ship with a contact form that goes nowhere and a fake “success” message. Connect it to a real endpoint (Formspree, Web3Forms, or a plain mailto link) so leads actually reach you. While you’re in there: add a favicon, swap the placeholder images for your own compressed photos, and open the site on your phone to catch whatever breaks on a small screen.
4. Do the basic SEO and AI-search setup
This is what gets you found on Google and cited by ChatGPT, Perplexity, and AI Overviews. The essentials: a unique title tag and meta description on every page, one clear topic per page, an XML sitemap submitted to Google Search Console, basic structured data (Organization and FAQ schema), and an llms.txt file so AI crawlers can read you. If that reads like a foreign language, our SEO optimization service does it as a flat-fee pass, and our free SEO checklist walks the DIY route step by step.
5. Make it fast
AI builders love shipping four-megabyte images and render-blocking scripts. Compress your images, lazy-load anything below the fold, and run the page through PageSpeed Insights until Core Web Vitals turn green — speed lifts both rankings and conversions, so it’s the rare fix that pays twice. Our speed optimization service handles it if you’d rather not.
6. Get found locally, and measure it
Add analytics (GA4, or a lighter option like Plausible) so you can see what’s working instead of guessing. If you serve a local area, set up a Google Business Profile and use the exact same business name, address, and phone number everywhere — that consistency is what lands you in the map pack and in local AI answers.
7. Keep it alive
A website isn’t set-and-forget, especially on WordPress. Budget for backups, security, and updates so a routine plugin update doesn’t take the site down six months from now. Our care plans cover all of it from $290 a month, or you can do it yourself — you own all the code either way.
When it’s worth handing off
If any of these steps stall you — and hosting, DNS, and SEO stall a lot of people — that’s exactly what we’re for. We build the whole thing at a flat fee, ship it live, and hand you the code on GitHub, having read every line the AI wrote. Or take the free prompts and run with it yourself. Both outcomes are genuinely fine with us.
More from the stash.
Vibe Code a Podcast Website
Free vibe coding prompt to build a WordPress podcast site. Episode archive, embedded player, transcripts, subscribe links, and PodcastSeries schema. Full audio content setup.
Vibe Code a Portfolio Website
Free vibe coding prompt to build a WordPress designer portfolio. Case studies, services, blog, project inquiry form, and CreativeWork schema. Full professional architecture.
Vibe Code a Therapist Website
Free vibe coding prompt to build a therapist website. Specialties, fees, insurance info, crisis resources, intake form, and MedicalBusiness schema. One calm HTML file.
No free weekend? We will build it for you.
This is the exact prompt we would use. Flat fee, real deadline, code is yours.