Description
Ultimate Goal & System Vision We are building an automated programmatic website generation system. Once built, generating a new site will happen seamlessly in 3 steps: 1. Data Input (Google Form): We fill out a custom Google Form (Business Name, Phone, Logo URL, Brand Hex Code, comma-separated Services, and comma-separated Target Cities). The Google Form populates a Google Sheet, which acts as the instant webhook trigger for n8n to start the site build. Automated Pipeline Execution (10–20 Seconds): n8n receives the payload, passes it to OpenAI (GPT-4o) to generate SEO copy, formats the output into structured JSON, and pushes it via POST requests directly to the Webflow REST API. Instant Site Generation: Webflow creates the database entries, applies our master wireframe layout, and publishes the site live (e.g., domain.webflow.io/sites/client-name). Dynamic Multi-Page Requirements The system must generate a unique number of Service and Location pages each time using Webflow CMS Collections: Service Template Page: /services/[service-name] Service Area Template Page: /locations/[city-name] Examples: Client A (2 Services, 1 City): n8n creates 2 service items and 1 location item → Webflow automatically generates 3 total sub-pages. Client B (8 Services, 10 Cities): n8n creates 8 service items and 10 location items → Webflow automatically generates 18 total sub-pages. Dynamic Menus: Main navigation and footers must automatically fetch and display links to whatever dynamic items exis