WP Navigator
Build WordPress Pages with AI + Builder Cookbooks
AI-powered WordPress site building creates complete pages using your existing page builder — Gutenberg, Elementor, or WPBakery. WP Navigator's Builder Cookbooks teach your AI agent how each builder works, so pages are built with native components instead of generic HTML. Token-efficient, pattern-aware, and fully editable in your visual editor.
Why AI Needs Builder Cookbooks
When you ask an AI agent to build a WordPress page, it faces a problem: it does not know which page builder you use, what components are available, or how your builder structures content. Most AI tools solve this by dumping the entire builder documentation into context — wasting tokens and producing generic results.
Builder Cookbooks are compact, structured references that teach your AI agent exactly how to work with your page builder. Instead of raw documentation (thousands of tokens), cookbooks provide optimised patterns (a fraction of the tokens) that produce better results. Your AI builds pages using Gutenberg blocks, Elementor widgets, or WPBakery elements — not workarounds.
How AI Site Building Works
Connect and detect your builder
Install WP Navigator on your WordPress site and connect your AI agent. WP Navigator automatically detects which page builders are active — Gutenberg, Elementor, WPBakery, or a combination — and loads the appropriate Builder Cookbook.
Describe the page you want
Tell your AI agent what you need: "Create a landing page for our spring promotion with a hero section, three feature columns, testimonials, and a signup form." The AI references the cookbook to select appropriate builder components for each section.
Preview the page structure
Your AI agent constructs the page using native builder components and presents it for review. You see the proposed structure — sections, blocks, widgets, and content — before anything is created on your site.
Apply and continue editing visually
Approve the page and it is created using your builder's native format. Open it in Gutenberg, Elementor, or WPBakery and continue editing visually. Nothing is locked — every component is a standard builder element you can modify.
Supported Page Builders
Gutenberg
The default WordPress block editor. The cookbook covers core blocks, block patterns, reusable blocks, and full-site editing templates.
Elementor
Full widget library support including sections, columns, and responsive controls. Your AI creates pages that are fully editable in the Elementor visual editor.
WPBakery
Shortcode-based element support for rows, columns, and content blocks. AI builds pages using WPBakery's native element structure.
WooCommerce
Product page templates, shop layouts, and checkout page structure.
Yoast SEO
SEO meta fields, schema markup, and content analysis integration.
Why Cookbooks Are Token-Efficient
AI context windows have limits. Every token spent on documentation is a token not spent on building your page. Builder Cookbooks solve this with a compact reference format:
| Approach | Context Usage | Output Quality |
|---|---|---|
| Raw documentation | 10,000+ tokens | Generic, often incorrect |
| No documentation | 0 tokens | Hallucinated components |
| Builder Cookbook | 2,000-4,000 tokens | Native components, correct patterns |
Frequently Asked Questions
What are Builder Cookbooks in WP Navigator?
Builder Cookbooks are compact, structured guides that teach your AI agent how to work with specific WordPress page builders. Instead of feeding raw documentation into the AI's context (which wastes tokens), cookbooks provide optimised references for Gutenberg blocks, Elementor widgets, and WPBakery elements — so AI builds pages the right way from the start.
Which page builders does WP Navigator support?
WP Navigator currently includes Builder Cookbooks for Gutenberg (the default WordPress block editor), Elementor, and WPBakery. WooCommerce and Yoast SEO cookbooks are in development. The cookbook system is extensible, so new builders can be added as the ecosystem grows.
How does AI build a WordPress page with WP Navigator?
Your AI agent uses the template-first pipeline: it selects appropriate page builder patterns from the cookbook, constructs the page structure, and generates content to fill each section. Every change is previewed as a diff before being applied. The result is a complete page built using your builder's native components, not generic HTML.
Does AI site building use a lot of tokens?
WP Navigator is designed for token efficiency. Builder Cookbooks are compact structured references (not raw documentation dumps), and the dynamic toolset system loads only the tools your AI needs for the current operation. This means building a page typically uses 60-80% fewer tokens than feeding raw builder documentation into your AI's context.
Can AI create pages in Elementor specifically?
Yes. The Elementor Builder Cookbook teaches your AI agent how to use Elementor widgets, sections, and styling options natively. Your AI creates pages using Elementor's own component system, so the result is a proper Elementor page you can continue editing visually in the Elementor editor.
What if I want to edit an AI-built page later?
Pages built through WP Navigator use your page builder's native components. A Gutenberg page uses standard blocks, an Elementor page uses standard widgets. You can open any AI-built page in your visual editor and continue editing it manually — nothing is locked or proprietary.
Can AI build an entire website or just individual pages?
Your AI agent can build multiple pages in a single session, creating a complete site structure. The template-first pipeline works page by page, letting you review and approve each one. For a full website, describe what you need and your AI creates pages sequentially, with consistent styling across all of them.
How does AI handle responsive design when building pages?
Builder Cookbooks include responsive design patterns for each page builder. Your AI agent creates pages that work across desktop, tablet, and mobile using your builder's built-in responsive controls — not custom CSS hacks. The preview step lets you verify the layout before applying changes.
Ready to Build with AI ?
Join the waitlist for early access to WP Navigator. Free tier available at launch.