See llms.txt for all machine-readable content.

OpenAI and Webflow integration

Save yourself the work of writing custom integrations for OpenAI and Webflow and use n8n instead. Build adaptable and scalable AI, workflows that work with your technology stack. All within a building experience you will love.

How to connect OpenAI and Webflow

Create a new workflow and add the first step

In n8n, click the "Add workflow" button in the Workflows tab to create a new workflow. Add the starting point – a trigger on when your workflow should run: an app event, a schedule, a webhook call, another workflow, an AI chat, or a manual trigger. Sometimes, the HTTP Request node might already serve as your starting point.

OpenAI and Webflow integration: Create a new workflow and add the first step

Generate SEO blog posts from a keyword list and publish to Webflow

Who's it for Content marketers and SEO specialists who need to generate multiple SEO-optimized articles targeting keyword variations. Ideal for affiliate sites, niche blogs, or service-based businesses creating location/product-specific landing pages. How it works This workflow automates bulk content creation from keyword list to Webflow draft: Loads keywords from Google Sheets with structured format (main keyword + slug) AI generates articles - Creates 600+ word content following SEO best practices Creates custom images - Calls a sub-workflow using Gemini 2.5 Flash to generate relevant featured images Quality validation - Ensures minimum word count; expands content if needed HTML conversion - Transforms markdown to Webflow-ready HTML Result tracking - Logs success/errors to separate Google Sheets The workflow includes automatic content expansion, error handling, and uses a separate sub-workflow as a tool for AI image generation. Important: The subworkflow should be created as an individual one. Then, in the Agent Tool node, you need to select it as the tool. DON'T try to run it inside the same workflow. Requirements OpenAI API key (for content generation) OpenRouter API key or similar (for Gemini image generation via sub-workflow) Google Sheets with three tabs: keywords, content_created, webflow_error_logs Webflow site with CMS collection configured Google Drive folder for image storage Companion workflow: "AI image generation for automatic content creation" (imported separately and called as a tool) How to set up 1. Import both workflows separately: Main workflow: "Bulk SEO content generation and Webflow draft creation with AI images" Sub-workflow: "AI image generation for automatic content creation" 2. Configure your Google Sheet with the recommended structure Required sheets: keywords: id, main keyword, head terms, modifiers, slug, status content_created: id, slug, meta description, content, generatedAt, updated on webflow_error_logs: keyword, error, timestamp, status 3. Add API credentials: OpenAI API OpenRouter API with Gemini access or similar (for image generation) Webflow OAuth2 API (see Webflow setup instructions in sticky note) Google Sheets Google Drive 4. Update workflow configuration: Google Sheets: Update document IDs in all Google Sheets nodes Webflow: Set your Site ID and Collection ID in Create/Update Post nodes Google Drive: Set folder ID in the image generation sub-workflow AI Image Tool: Verify the "AI Image Generation Tool1" node points to your imported sub-workflow 5. Test with a single keyword: 6. Schedule for production: Enable the Schedule Trigger (currently set to monthly) How to customize Content customization: Adjust article length in AI Agent prompt (currently 600-800 words) Modify article structure/sections in the system prompt Change content tone by editing the AI Agent system message Add/remove content sections in the prompt template Image customization: Change AI model in sub-workflow (currently Gemini 2.5 Flash) Modify image style/prompt in the AI Image Generation Tool parameters Update Google Drive destination folder Webflow customization: Add custom CMS fields by updating Create/Update Post nodes Modify field mappings to match your Webflow collection structure Change draft behavior or add auto-publish logic Workflow behavior: Adjust batch size in Loop Over Items node Modify quality threshold (currently 600 words minimum) Change error handling/retry logic Update scheduling frequency in Schedule Trigger

Build your own OpenAI and Webflow integration

Create custom OpenAI and Webflow workflows by choosing triggers and actions. Nodes come with global operations and settings, as well as app-specific parameters that can be configured. You can also use the HTTP Request node to query data from any app or service with a REST API.

OpenAI supported actions

Webflow supported actions

OpenAI and Webflow integration details

OpenAI

OpenAI

OpenAI, the creator of ChatGPT, offers a range of powerful models including GPT-3, DALL·E, and Whisper. Leverage these models to build AI-powered workflows.

Webflow

Webflow

Webflow is a powerful visual content management system that appeals to web designers who want to create and customize websites and have hosting, security, and website performance taken care of. It aims to bring the power of website animations and interactions directly into a visual toolbox.

Automate lead management

Using too many marketing tools? n8n lets you orchestrate all your apps into one cohesive, automated workflow.

Learn more

FAQ about OpenAI integrations

Need help setting up your OpenAI and Webflow integration?

Discover our latest community's recommendations and join the discussions about OpenAI and Webflow integration.

  • Artem

    How to define AI-powered Extra Workflow Inputs in AI tools?

    Artem

    Describe the question I need to pass to the tool some data from the AI Agent. Like, “task name” and “task tags” to create a task via Custom Workflow Tool. So I don’t know what to refer to in the Extra Inputs. Because th…

    Open topic
  • sérgio eduardo floresta filho

    The prompt is not being executed

    sérgio eduardo floresta filho

    Hello! My goal is to use Google Forms to collect information from my clients and then use n8n to automate the processing of this information. My workflow involves: Collecting data through Google Forms. Using n8n to re…

    Open topic
  • Heisenbug

    How to handle multi-message prompts in OpenAI Chat node?

    Heisenbug

    Describe the problem/error/question I want to send multiple messages to the OpenAI Chat node (LangChain → LLM Prompt Template) in a single execution, simulating a conversation. The first message is fixed, and the followi…

    Open topic
  • Julien

    OpenAI node - How to use the new Endpoint?

    Julien

    Is it possible to choose the Responses API or OpenAI ? It has been updated a few months ago by OpenAI, but the node still seems to be using the old Completions API. [https://platform.openai.com/docs/guides/migrate-to-re…

    Open topic
  • Andrew adawdad

    OpenAI not receicving JSON data from previous node

    Andrew adawdad

    Describe the problem/error/question Im currently using the openAI node to send a text message to the system. I am sending the previous nodes JSON data, but the openai response says that im only sending {{ $json }} instea…

    Open topic

Looking to integrate Slack and VirusTotal in your company?

Trusted by teams building smarter workflows.

Why

Why use n8n to integrate OpenAI with Webflow

Handle branching, merging and iteration easily. Pause your workflow to wait for external events.

Re-run single steps to test changes in no time. And pin your data to avoid generating trigger events every time you execute.

Your data is displayed alongside your settings, making edge cases easy to track down.

Use 1000+ workflow templates available from our core team and our community.

Copy and paste, easily import and export workflows.

Simple enough to 
understand + sophisticated 
enough to ship