Vibe Code a Job Board Website
Free vibe coding prompt to build a WordPress job board. Employer accounts, paid listings, applicant tracking, email alerts, and JobPosting schema. Full two-sided marketplace.
Plan and produce a complete WordPress job board site architecture with
employer accounts, paid listings, applicant tracking, and email alerts.
Output should be production-ready.
═══════════════════════════════════════════════════════════════
BUSINESS DETAILS
═══════════════════════════════════════════════════════════════
- Board name: [BOARD NAME]
- Niche: [WHAT KIND OF JOBS, e.g., remote tech jobs / nonprofit jobs /
jobs in [CITY] / design jobs only]
- Pricing model: free posts (with moderation) OR paid-only OR freemium
- Goal: 100 active listings + 10K job seekers in 6 months
═══════════════════════════════════════════════════════════════
BRAND
═══════════════════════════════════════════════════════════════
- Brand colors: clean white (#ffffff) + ink (#0e0e27) + ONE brand
accent (electric blue, green, or accent matching niche). AA-contrast.
- Type: clean sans for headings (Inter Tight, Manrope) + Inter for body.
═══════════════════════════════════════════════════════════════
PLUGIN STACK (WP-CLI)
═══════════════════════════════════════════════════════════════
wp plugin install --activate
wp-job-manager
wp-job-manager-resume-manager
wp-job-manager-applications
wp-job-manager-alerts
wp-job-manager-bookmarks
wp-job-manager-wc-paid-listings
woocommerce
wordpress-seo
wp-rocket
fluent-crm
- Job board: WP Job Manager (best free + extensible), or JobBoardWP
- Add-ons: Resume Manager, Applications, Alerts, Bookmarks, Paid Listings,
Embeddable Widget
- Payments: WooCommerce + WC Paid Listings (handles Stripe)
═══════════════════════════════════════════════════════════════
DATA MODEL
═══════════════════════════════════════════════════════════════
- WP Job Manager creates `job_listing` CPT
- Taxonomies: `job_listing_category`, `job_listing_type`,
`job_listing_region`
- ACF additions: salary_range_min, salary_range_max, salary_currency,
remote_policy (taxonomy), tech_stack (taxonomy if tech board),
application_method (internal form / external URL / email)
- Resume Manager creates `resume` CPT for job seekers
- Custom roles: Job Seeker, Employer (separate registration flows)
═══════════════════════════════════════════════════════════════
SITE MAP
═══════════════════════════════════════════════════════════════
1. Home (search bar prominent + featured jobs)
2. Browse Jobs (filtered search results)
3. Browse Companies (employer directory)
4. Post a Job (employer flow)
5. Pricing for Employers
6. Resources / Blog (career tips for SEO traffic)
7. About
8. Sign In / Register (with role choice: Job Seeker / Employer)
9. Job Seeker Dashboard (saved jobs, alerts, applications, resume)
10. Employer Dashboard (active listings, applicants, billing)
11. Privacy + Terms
═══════════════════════════════════════════════════════════════
HOMEPAGE, BLOCK MARKUP
═══════════════════════════════════════════════════════════════
1. Hero with prominent search bar (keyword + location + remote toggle)
2. Featured jobs (paid placements, marked "Featured" with accent badge)
3. Browse by category cards (8 categories with icons + job count)
4. Featured companies (logo grid, companies that bought premium
employer profiles)
5. Latest jobs (10 most recent, with company logo + title + location +
tags + posted-time)
6. Employer CTA band ("Hiring? Post a job from $XX")
7. Job alerts signup ("Get new jobs in your inbox")
8. Footer with links + newsletter
═══════════════════════════════════════════════════════════════
JOB DETAIL PAGE
═══════════════════════════════════════════════════════════════
- Job title + company name (logo) + location + remote tag + type
- Salary range (if disclosed, encourage employers to share)
- Posted-date + application deadline
- Job description (long-form)
- Required skills (taxonomy chips)
- "Apply now" CTA, internal form OR redirect to employer URL OR email
- "Save job" (requires login) + "Share" buttons
- Company info card (about, other jobs from this employer)
- Related jobs (4-6 similar, same category or location)
- Job posting schema (JobPosting JSON-LD, critical for Google for Jobs)
═══════════════════════════════════════════════════════════════
JOB SEEKER EXPERIENCE
═══════════════════════════════════════════════════════════════
- Filterable search: keyword, location, salary range, category, type
(FT/PT/contract), remote policy, posted-date range
- Saved jobs (bookmark icon, requires login)
- Job alerts (email weekly digest matching saved searches)
- Apply with profile (resume + cover letter from saved profile)
- Application history in dashboard
═══════════════════════════════════════════════════════════════
EMPLOYER FLOW
═══════════════════════════════════════════════════════════════
- Post a job (multi-step):
Step 1: Job details (title, description, category, type, location,
remote policy)
Step 2: Compensation (salary range, benefits, equity)
Step 3: Company info (logo upload, tagline, website)
Step 4: Application method (internal form / URL / email)
Step 5: Preview + payment (if paid listing)
- Manage active listings + drafts + expired
- View applicants (filterable + downloadable as CSV)
- Renew / boost listings (extend featured status)
- Company profile page (lists all their jobs)
═══════════════════════════════════════════════════════════════
MONETIZATION
═══════════════════════════════════════════════════════════════
- Free listings (with manual approval queue to prevent spam)
- Paid tiers:
Basic: 30-day listing, $XX
Featured: top of category, accent badge, 60-day, $XXX
Bundle: 10 listings within 90 days, $XXX
- Job alerts to subscribers (free for seekers, monetized via employer
paid push)
- Employer subscriptions (monthly bulk posting allowance)
- Sponsored content on blog
═══════════════════════════════════════════════════════════════
EMAIL AUTOMATION (FluentCRM)
═══════════════════════════════════════════════════════════════
- Job seeker weekly digest (matched to saved searches)
- New-listing notification (immediate, opt-in)
- Application confirmation
- Employer trial-ending reminder (3 days before listing expires)
- Re-engagement: 30 days inactive employer / job seeker
═══════════════════════════════════════════════════════════════
SEO STRATEGY
═══════════════════════════════════════════════════════════════
- JobPosting schema on every listing (Google for Jobs indexable)
- Sitemap with all active listings
- Job-board-specific keywords: "[niche] jobs", "remote [role] jobs",
"[role] jobs in [city]"
- Blog content for organic traffic: salary guides, career tips, niche
trends
- Internal linking from blog → relevant job categories
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: WebSite, JobPosting
- 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 "job board". 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.
═══════════════════════════════════════════════════════════════
ANTI-SPAM
═══════════════════════════════════════════════════════════════
- Cloudflare Turnstile on job submission form
- Manual approval for free listings (admin queue)
- Honeypot field on all forms
- Block known-spammy domains in user registration
- Rate-limit posting per IP
═══════════════════════════════════════════════════════════════
PERFORMANCE
═══════════════════════════════════════════════════════════════
- WP Rocket + Cloudflare
- Page cache excludes /dashboard and /apply
- Job-search results page can be heavy, index custom tables for
WP Job Manager
- Object cache (Redis)
═══════════════════════════════════════════════════════════════
ANTI-PATTERNS TO AVOID
═══════════════════════════════════════════════════════════════
- No "MUST APPLY!!!" exclamation marketing
- No fake job listings to make board look populated
- No emojis in job titles
- No script fonts
- No autoplay video on hero
- No buried application deadlines
- No real company logos without explicit permission
- No "We found you 1000 jobs!" inflated counts
- No requiring resume upload before showing job details
- No selling job-seeker emails to third parties (privacy-first)
═══════════════════════════════════════════════════════════════
DELIVERABLE
═══════════════════════════════════════════════════════════════
1. Site map
2. WP-CLI install commands
3. WP Job Manager add-on setup
4. theme.json
5. ACF additions for salary + remote policy
6. Homepage block markup
7. Job detail page with JobPosting schema
8. Employer multi-step posting flow
9. Pricing tiers + WooCommerce setup
10. Email alert configuration
11. Anti-spam setup
12. Launch checklist (20 items)
This free prompt gives ChatGPT or Claude a full build plan for a job board: a two-sided site where employers post openings and job seekers search, filter, and apply. It covers employer accounts, paid listing tiers, applicant tracking, email alerts, and JobPosting markup so roles are eligible for Google’s job search. The output is a complete WordPress specification for a working marketplace, not a static careers page.
What does the job board website prompt build?
The plan is organized around the two audiences a board serves. Seekers land on a search page that filters by keyword, location, category, salary, and job type, then open a clean job detail page with an apply button and resume upload. Employers register for an account, post through a guided flow, and manage listings and applicants from a dashboard. Paid listing tiers, featured placement, and a pricing page handle monetization. Email job alerts keep seekers coming back, and a blog supports content around hiring and careers. Each page ships as Gutenberg markup on a shared theme.json.
Who is this job board prompt for?
It fits niche job boards, industry associations, staffing agencies, and community sites that want recruiting revenue instead of a generic listings widget. A single operator can run the whole thing, and the plan doubles as a developer brief for the account and payment setup. If you are weighing do you even need WordPress for a marketplace like this, the stack notes make the case, and the tools we use show how the pieces fit together. When you want it built for you, our WordPress build service can stand up the board and payments.
What’s inside the prompt?
- A brand block for your board’s name, niche, colors, and the employers and seekers you serve
- A stack recommendation using WP Job Manager, WooCommerce Paid Listings for paid posts, Yoast SEO, and Mailchimp for alerts
- A data model for jobs, companies, and applications plus category, location, and job-type taxonomies
- A theme.json design system tuned for scannable listing rows and a fast search page
- Gutenberg markup for the homepage, job search, job detail, employer dashboard, post-a-job flow, pricing, and blog
- Employer account roles, an application and applicant-tracking flow, and resume upload handling
- JobPosting structured data for Google for Jobs, an XML sitemap, and keyword targets per category and city
- Core Web Vitals goals, caching notes, and a launch checklist covering expired-listing cleanup
Frequently asked questions
Can employers post and manage their own jobs?
Yes. WP Job Manager gives each employer an account and a dashboard where they post a role through a guided form, edit or renew it, and review applicants. You are not manually entering every listing, which is what makes a board scale.
How do I charge employers to post a listing?
WooCommerce Paid Listings sits on top of WP Job Manager to gate posting behind payment, with tiers for a single post, a package of posts, or featured placement. The prompt lays out a pricing page and the checkout flow so employers pay before a job goes live.
Will my job listings show up in Google’s job search?
Each listing carries JobPosting structured data with title, location, salary range, and posting dates, which is what makes a role eligible for the Google for Jobs experience at the top of results. The plan also covers keeping expired jobs out of the index.
Can job seekers get email alerts and upload resumes?
Seekers save a search and receive email alerts through Mailchimp when matching roles appear, and the apply flow accepts a resume upload or a link. That keeps candidates returning and gives employers real applications rather than dead-end clicks.
Can I run a board focused on one industry or city?
Yes. The category, location, and job-type taxonomies let you scope the board to a single trade, region, or remote-only niche, and dedicated landing pages target searches like “[industry] jobs in [city]” that broad boards rank poorly for.
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 Real Estate Agent Website
Free vibe coding prompt to build a real estate agent website. Featured listings, neighborhood guides, sold properties, and lead capture forms. One HTML file…
Vibe Code a Food Blog
Free vibe coding prompt to build a WordPress recipe blog. WP Recipe Maker, recipe index, nutrition info, structured Recipe schema, and email funnel. Full…
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…
No free weekend? We will build it for you.
This is the exact prompt we would use. Flat fee, real deadline, code is yours.