Back to Integrations
integrationDiscord node
integrationWebflow node

Discord and Webflow integration

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

How to connect Discord and Webflow

  • Step 1: Create a new workflow
  • Step 2: Add and configure nodes
  • Step 3: Connect
  • Step 4: Customize and extend your integration
  • Step 5: Test and activate your workflow

Step 1: 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.

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

Step 2: Add and configure Discord and Webflow nodes

You can find Discord and Webflow in the nodes panel. Drag them onto your workflow canvas, selecting their actions. Click each node, choose a credential, and authenticate to grant n8n access. Configure Discord and Webflow nodes one by one: input data on the left, parameters in the middle, and output data on the right.

Discord and Webflow integration: Add and configure Discord and Webflow nodes

Step 3: Connect Discord and Webflow

A connection establishes a link between Discord and Webflow (or vice versa) to route data through the workflow. Data flows from the output of one node to the input of another. You can have single or multiple connections for each node.

Discord and Webflow integration: Connect Discord and Webflow

Step 4: Customize and extend your Discord and Webflow integration

Use n8n's core nodes such as If, Split Out, Merge, and others to transform and manipulate data. Write custom JavaScript or Python in the Code node and run it as a step in your workflow. Connect Discord and Webflow with any of n8n’s 1000+ integrations, and incorporate advanced AI logic into your workflows.

Discord and Webflow integration: Customize and extend your Discord and Webflow integration

Step 5: Test and activate your Discord and Webflow workflow

Save and run the workflow to see if everything works as expected. Based on your configuration, data should flow from Discord to Webflow or vice versa. Easily debug your workflow: you can check past executions to isolate and fix the mistake. Once you've tested everything, make sure to save your workflow and activate it.

Discord and Webflow integration: Test and activate your Discord and Webflow workflow

Send Webflow form submissions to Discord dynamically

What this does:
This automation will dynamically create channels on your Discord server for each of your Webflow forms then send formatted form submissions as messages in those channels.

This is useful for
Webflow will only notify a single email of a form submission. By using this workflow you can enhance your Webflow form management by receiving them in Discord. This is great if you need to notify multiple team members or communities of your form submissions.

Usage guide
Full written and video guide

Simply create credentials for Webflow and Discord and connect them to the nodes. The video guide demonstrates a realworld usecase using a Webflow template and breaks down each node in detail about how it works.

Nodes used in this workflow

Popular Discord and Webflow workflows

+8

Generate and publish SEO blog posts from Google Sheets to Webflow with OpenAI

Who it's for This n8n workflow is designed for SEO managers, content creators, and blog administrators who want to automate their blog publishing pipeline. The workflow creates an end-to-end AI-powered system that can fetch content ideas from a Google Sheet, scrape existing competitor URLs, analyze SEO structure, generate high-quality articles, validate SEO scores, create thumbnail images, and automatically publish the final content to Webflow. Features Automated Content Scheduling** – Runs every 2 hours (or manually) to process pending blog ideas from Google Sheets. HTML Scraping & Cleaning** – Fetches competitor URLs and removes headers, scripts, and iframes to get clean content. AI SEO Structure Analysis** – Uses gpt-4.1-mini to extract key sections and SEO bullet points. AI Content Writer** – Uses o4-mini to rewrite articles with proper SEO, H2/H3 tags, and keyword optimization. Output Parser Fixing** – Ensures the AI always returns clean, structured JSON (article + summary). Internal Linking** – Pulls existing Webflow posts and adds relevant internal links automatically. SEO Validation** – Checks SEO scores via sub-workflow before publishing. AI Thumbnail Generation** – Creates a 16:9 cover image based on the article topic using DALL·E. Auto-Publishing** – Publishes content to Webflow CMS with title, image, article, summary, and read time. Sheet Update** – Marks the processed row as “Completed” in Google Sheets. Error Notifications** – Sends alerts via Slack, Discord, Teams, Telegram, and WhatsApp if something fails. Requirements OpenAI API Credentials**: For powering the content writer (o4-mini), structure analyzer (gpt-4.1-mini), prompt generator (o4-mini), and image generation (DALL-E 3). Google Sheets API**: For reading pending blog ideas and updating their completion status. Webflow OAuth2 API**: For fetching existing posts (for internal linking) and publishing new CMS items. n8n Sub-Workflow**: A secondary workflow ID (7FHTcSuCIjHvvBfe) is called to evaluate the SEO score percentages of the generated content. Communication Platform Credentials (Optional but recommended)**: API tokens for Slack, Discord, Microsoft Teams, Telegram, and Rapiwa for error notifications. Configure Credentials OpenAI API**: Ensure your account has access to o4-mini, gpt-4.1-mini, and DALL-E 3 models. Google Sheets**: Configure with read/write permissions for the specific spreadsheet and tab (Blogs (ideas)). Webflow API**: Set up OAuth2 with access to the specific Site ID and Collection ID where your blog is hosted. Error Channels**: Add your specific Channel IDs, Chat IDs, and phone numbers to the respective notification nodes. Important Notes Content Looping & Error Handling**: If the SEO score doesn't pass the validation check (e.g., required percentages aren't met), the workflow loops the content back to the AI writer for regeneration. Competitor Name Replacement**: The AI prompt is strictly instructed to replace competitor names (like PixelCut, CreatorKit) with "ProductAI" to maintain brand consistency. CTA Linking**: All Call-to-Action links within the generated articles are hard-coded in the prompt to point to create.productai.photo. Image Processing Delay**: There is a 20-second "Wait" node implemented before publishing to Webflow to ensure the DALL-E generated image URL is active and accessible. Dynamic Title Extraction**: The workflow uses a Regex code snippet to extract the first `` tag from the generated article to use as the Webflow post title (since H1 is omitted per SEO best practices). Data Routing**: The Execute Once feature is enabled on error notification nodes to ensure you only receive one alert per failure, rather than spamming all connected channels simultaneously. Support & Help WhatsApp**: Chat on WhatsApp Discord**: SpaGreen Community Facebook Group**: SpaGreen Support Website**: spagreen.net Developer Portfolio**: Codecanyon SpaGreen

Sync Webflow form leads to Pipedrive with Discord and Gmail notifications

Who it's for This workflow is for sales and marketing teams using Webflow as their primary lead capture tool and Pipedrive as their CRM. It automates the entire lead intake process, from form submission to CRM entry and team notification, eliminating manual data entry. How it works A Webflow form submission triggers the workflow and captures lead fields (name, company, email, phone, website URL, message). Key fields are mapped and phone numbers are cleaned and formatted with the correct international dial code using a custom code node. The workflow searches Pipedrive for an existing organization matching the company name. If none is found, a new one is created. Results are aggregated. It then searches for the contact person by name. If found, their record is updated; if not, a new person is created and linked to the organization. A new lead is created in Pipedrive associating the person and organization. In parallel: a Discord message notifies the team, a Gmail confirmation email is sent to the lead, and — if a website URL was provided — the organization's URL field in Pipedrive is updated. How to set up [ ] Connect your Webflow OAuth2 credentials and configure the Form Trigger with the correct site [ ] Add Pipedrive API credentials to all Pipedrive nodes [ ] Add Discord Bot credentials and set the target server and channel in the Notify Team on Discord node [ ] Add Gmail OAuth2 credentials and adjust the email subject and body in Send Confirmation Email [ ] Review the Format Phone Numbers code node to confirm the country detection logic matches your audience [ ] Adjust the Filter Valid Organization URL conditions if needed Requirements Webflow account with a published form Pipedrive CRM account Discord server with a bot token Gmail account with OAuth2 access How to customize Extend the Set Contact Fields node to map additional Webflow form fields into Pipedrive custom properties. Replace the Gmail node with a SendGrid or SMTP node to use a transactional email service instead. Add a Slack node alongside or instead of Discord for team notifications if your team uses Slack.

Send Webflow form submissions to Discord dynamically

What this does: This automation will dynamically create channels on your Discord server for each of your Webflow forms then send formatted form submissions as messages in those channels. This is useful for Webflow will only notify a single email of a form submission. By using this workflow you can enhance your Webflow form management by receiving them in Discord. This is great if you need to notify multiple team members or communities of your form submissions. Usage guide Full written and video guide Simply create credentials for Webflow and Discord and connect them to the nodes. The video guide demonstrates a realworld usecase using a Webflow template and breaks down each node in detail about how it works.

Build your own Discord and Webflow integration

Create custom Discord 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.

Discord supported actions

Create
Create a new channel
Delete
Delete a channel
Get
Get a channel
Get Many
Retrieve the channels of a server
Update
Update a channel
Delete
Delete a message in a channel
Get
Get a message in a channel
Get Many
Retrieve the latest messages in a channel
React with Emoji
React to a message with an emoji
Send
Send a message to a channel, thread, or member
Send and Wait for Response
Send a message and wait for response
Get Many
Retrieve the members of a server
Role Add
Add a role to a member
Role Remove
Remove a role from a member

Webflow supported actions

Create
Delete
Get
Get Many
Update

FAQs

  • Can Discord connect with Webflow?

  • Can I use Discord’s API with n8n?

  • Can I use Webflow’s API with n8n?

  • Is n8n secure for integrating Discord and Webflow?

  • How to get started with Discord and Webflow integration in n8n.io?

Need help setting up your Discord and Webflow integration?

Discover our latest community's recommendations and join the discussions about Discord and Webflow integration.
Georgy Alaverdyan

Looking to integrate Discord and Webflow in your company?

Over 3000 companies switch to n8n every single week

Why use n8n to integrate Discord with Webflow

Build complex workflows, really fast

Build complex workflows, really fast

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

Code when you need it, UI when you don't

Simple debugging

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

Use templates to get started fast

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

Reuse your work

Copy and paste, easily import and export workflows.

Implement complex processes faster with n8n

red iconyellow iconred iconyellow icon