# webflow Webflow is a web platform for building, managing, and publishing websites, with tools for design, development, CMS, hosting, collaboration, and AI integrations. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Google tag gateway: Now on Webflow DevFeed: [Google tag gateway: Now on Webflow]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-09-16T00:00:00Z Content type: release Language: en Sources: [Webflow Blog]() Topics: [gateway](), [webflow](), [Google](), [Confidential Computing](), [data](), [configuration](), [Deployment]() Tags: [confidential-computing](), [configuration](), [conversion](), [data](), [deployment](), [development](), [gateway](), [google](), [measurement](), [webflow]() ### AI overview Webflow announces Google tag gateway, which routes conversion data through a site's first-party infrastructure. Existing native Google tag integration users can activate it by republishing their site, while new users can follow a code-free setup workflow. ### Source excerpt When you build on Webflow, you're creating experiences designed to help your business stand out and grow. Underpinning those experiences with a strong measurement foundation can help you understand what's driving results and make more informed marketing decisions. Now, Webflow makes it easier to strengthen your measurement foundation. ## How to set up Postmark email templates for Webflow form submissions DevFeed: [How to set up Postmark email templates for Webflow form submissions]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-09-12T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Forms](), [Cloud](), [Next.js](), [API](), [App](), [Server]() Tags: [api](), [app](), [building](), [cloud](), [developer](), [forms](), [guide](), [guides](), [how-to](), [learn](), [next-js](), [server](), [webflow]() ### AI overview A practical guide to moving email copy out of a Webflow Cloud app and into Postmark templates. It explains the prerequisites and focuses on keeping Webflow form field names aligned with Postmark template placeholders so the Route Handler sends data instead of hard-coded email text. ### Source excerpt Learn how to send Webflow form submissions through Postmark templates. ## A first look at Campaigns DevFeed: [A first look at Campaigns]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-09-03T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Web](), [Forms](), [Artificial Intelligence](), [Google]() Tags: [agents](), [ai](), [conversion](), [forms](), [google](), [inside-webflow](), [insights](), [launch](), [marketing](), [product](), [scale](), [tool](), [webflow](), [workflow]() ### AI overview Webflow previews Campaigns, a standalone tool for demand gen and performance marketers that brings ideation, campaign building, launch, and iteration into one workflow. It supports on-brand landing pages and ad creative, form connections, Google Ads publishing, traffic and conversion tracking, and AI-driven improvement recommendations. ### Source excerpt Webflow's new standalone tool that helps demand gen and performance marketers create, launch, and measure on-brand campaigns with fewer handoffs. ## The biggest announcements from Webflow Conf 2026 DevFeed: [The biggest announcements from Webflow Conf 2026]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-09-02T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Artificial Intelligence](), [MCP](), [Model Context Protocol](), [Content Management System](), [GSAP](), [Code](), [Cloud](), [releases]() Tags: [2026](), [agentic](), [agents](), [ai](), [ai-agents](), [announcements](), [cloud](), [code](), [content](), [developers](), [development](), [gsap](), [inside-webflow](), [mcp](), [platform](), [product](), [products](), [releases](), [updates](), [webflow]() ### AI overview Webflow Conf 2026 introduced Source by Webflow, a platform connecting codebases and marketing technology stacks for visual and agentic development. Announcements included Campaigns, Assets, MCP updates, Releases, content agents in Webflow AEO, automatically generated Agent Instructions, and Agent Presence. ### Source excerpt A recap of our biggest product announcements so far, including the all-new Source, by Webflow. ## Webflow is now available in Codex and ChatGPT DevFeed: [Webflow is now available in Codex and ChatGPT]() Original publisher: [Read original article]() Author: Blaire McClure Published: 2026-08-24T00:00:00Z Content type: release Language: en Sources: [Webflow Blog]() Topics: [webflow](), [ChatGPT](), [codex](), [Model Context Protocol (MCP)](), [Artificial Intelligence](), [Content Management System](), [Accessibility](), [Search engine optimization (SEO)]() Tags: [accessibility](), [agents](), [chatgpt](), [code](), [codex](), [developer](), [extensions](), [links](), [mcp](), [optimization](), [performance](), [seo](), [skills](), [software](), [webflow]() ### AI overview Webflow is now available in Codex and ChatGPT through Webflow MCP, expanding access to Webflow sites and workflows. Built-in Skills can help users audit sites, manage CMS content, validate custom code, and accelerate development tasks using natural-language requests. ### Source excerpt Webflow is now available in Codex, alongside a new set of built-in Skills for both ChatGPT and Codex. ## How to build a Gemini content assistant that belongs inside your Webflow CMS DevFeed: [How to build a Gemini content assistant that belongs inside your Webflow CMS]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-08-08T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [Content Management System](), [webflow](), [Google AI](), [Next.js](), [API](), [JSON](), [Streaming](), [Node.js]() Tags: [api](), [gemini](), [google-ai](), [guides](), [how-to](), [json](), [next-js](), [node-js](), [streaming](), [webflow]() ### AI overview A tutorial for building a Gemini-powered content assistant inside Webflow CMS using Webflow Cloud, Next.js, and the Gemini API. It covers streaming drafts for open-ended writing and a JSON mode that returns content mapped to CMS fields. ### Source excerpt Learn how to build a Gemini content assistant on Webflow Cloud that streams drafts and returns CMS-ready JSON. ## How do you generate PDFs in Webflow Cloud without Puppeteer or external services? DevFeed: [How do you generate PDFs in Webflow Cloud without Puppeteer or external services?]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-08-08T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Next.js](), [pdf](), [Workers](), [JavaScript](), [Puppeteer](), [App](), [Node.js](), [data]() Tags: [browser](), [chrome](), [chromium](), [guides](), [how-to](), [javascript](), [learn](), [next-js](), [node-js](), [pdf](), [webflow](), [workers]() ### AI overview Learn how to build a document builder in Webflow Cloud with a Next.js Route Handler and a pure-JavaScript PDF generation library. The tutorial explains the architecture, local requirements, form submission flow, PDF delivery, and optional storage of generated documents. ### Source excerpt Learn how to build a document builder app in Webflow Cloud using pdf-lib and a Next.js route handler. ## How to handle transactional email in Webflow Cloud after Logic was discontinued DevFeed: [How to handle transactional email in Webflow Cloud after Logic was discontinued]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-08-08T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Workers](), [JavaScript](), [API](), [Back end](), [Automation](), [Routing (disambiguation)](), [Web Development]() Tags: [api](), [automation](), [backend](), [cloudflare](), [cloudflare-workers](), [guide](), [guides](), [how-to](), [http](), [integration](), [javascript](), [routing](), [typescript](), [webflow]() ### AI overview Guide to sending transactional emails from Webflow Cloud after Webflow Logic was discontinued, using a Route Handler, Postmark's HTTP API, and client-side JavaScript. ### Source excerpt Learn how to send transactional emails from any Webflow site using Postmark and a Webflow Cloud Route Handler. ## How to proxy OpenAI image generation on Webflow Cloud without exposing your API key DevFeed: [How to proxy OpenAI image generation on Webflow Cloud without exposing your API key]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-08-08T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [API keys](), [OpenAI](), [webflow](), [Artificial Intelligence](), [API](), [Cloudflare Workers](), [Workers](), [Next.js]() Tags: [ai](), [api](), [cli](), [cloudflare-workers](), [deployment](), [generate](), [guide](), [guides](), [how-to](), [images](), [next-js](), [openai](), [validation](), [webflow]() ### AI overview This guide explains how to build and deploy an AI image generator on Webflow Cloud using OpenAI. It uses a Next.js Route Handler on Cloudflare Workers as a server-side proxy so the OpenAI API key remains private while the browser submits prompts and receives generated images. ### Source excerpt Learn how to build an AI image generator on Webflow Cloud using OpenAI. ## How to build an employee self-service portal in Webflow Cloud with Auth0, D1, and the CMS Data API DevFeed: [How to build an employee self-service portal in Webflow Cloud with Auth0, D1, and the CMS Data API]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-08-08T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Auth0](), [Authentication](), [Cloudflare](), [Content Management System](), [Drizzle](), [Next.js](), [SQLite](), [web applications](), [API](), [hosting](), [JSON Web Tokens]() Tags: [authentication](), [cloudflare](), [code](), [drizzle](), [guides](), [hosting](), [how-to](), [next-js](), [rest](), [sqlite](), [webflow]() ### AI overview A guide to building an employee self-service portal in Webflow Cloud with Next.js, Auth0 authentication, Cloudflare D1 backed by Drizzle ORM, SQLite, and Webflow CMS announcements. ### Source excerpt Learn how to build an employee self-service portal in Webflow Cloud with Next.js, Auth0, SQLite, and Webflow CMSs. ## How to add Crisp live chat to a Webflow Cloud app the right way DevFeed: [How to add Crisp live chat to a Webflow Cloud app the right way]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-08-08T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Cloud](), [Next.js](), [personalization](), [Authentication](), [Web]() Tags: [authentication](), [cloud](), [code](), [guides](), [how-to](), [next-js](), [node-js](), [personalization](), [webflow]() ### AI overview A practical guide to adding Crisp live chat to a Webflow Cloud app built with Next.js. It covers installing and mounting the browser widget, personalizing it with signed-in user data, and verifying user identity server-side through an edge Route Handler. ### Source excerpt Learn how to add Crisp live chat to a Webflow Cloud app, identify signed-in users, and verify their identity from an edge Route Handler with Web Crypto. ## How to evaluate AI app quality with Braintrust and Webflow Cloud DevFeed: [How to evaluate AI app quality with Braintrust and Webflow Cloud]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-08-08T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Artificial Intelligence](), [Cloudflare Workers](), [SDKs](), [API keys](), [Command-line interface](), [Node.js](), [ci](), [App]() Tags: [ai](), [api-keys](), [app](), [ci](), [cli](), [cloudflare-workers](), [development](), [guides](), [node-js](), [webflow]() ### AI overview A tutorial on evaluating AI app quality in Webflow Cloud with Braintrust. It explains how to log production AI calls in Cloudflare Workers, flush logs before route handlers return, and run evaluation suites with test cases and scorers locally or in CI. ### Source excerpt Learn how to log, score, and test AI app quality on Webflow Cloud with Braintrust. ## How to build a secure, role-gated portal on Webflow Cloud using Clerk and Next.js DevFeed: [How to build a secure, role-gated portal on Webflow Cloud using Clerk and Next.js]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-08-08T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Authentication](), [Authorization](), [Next.js](), [Security](), [Command-line interface](), [TypeScript]() Tags: [auth](), [authentication](), [building](), [cli](), [cloud](), [guides](), [next-js](), [security](), [typescript](), [webflow]() ### AI overview Learn how to build a secure, role-gated portal on Webflow Cloud using Clerk authentication and Next.js. The article covers scaffolding, configuration, session-token roles, route protection, and page-level data-access verification. ### Source excerpt Learn how to add Clerk authentication and role-based access control to a Webflow Cloud App. ## How to configure Cloudinary video transcoding on Webflow Cloud DevFeed: [How to configure Cloudinary video transcoding on Webflow Cloud]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-08-08T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Transcodings](), [Nextra](), [Streaming](), [REST API](), [Cloudflare Workers]() Tags: [edge](), [guides](), [how-to](), [next-js](), [node-js](), [rest-api](), [streaming](), [webflow]() ### AI overview A practical guide to configuring Cloudinary video transcoding on Webflow Cloud. It explains how to use the REST API, eager transformations, optimized delivery URLs, and HLS adaptive streaming on the edge runtime without the Node.js SDK. ### Source excerpt Learn how to upload videos to Cloudinary from a Webflow Cloud Next.js app and deliver optimized video over CDN using plain fetch on the edge runtime. ## What's an agentic web marketing platform?: Reach beyond automation DevFeed: [What's an agentic web marketing platform?: Reach beyond automation]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-08-07T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [Web](), [AI Agent](), [webflow](), [Content Management System](), [Automation](), [Artificial Intelligence]() Tags: [agent](), [agentic](), [ai](), [automation](), [development](), [enterprise](), [marketing](), [platform](), [tools](), [web](), [workflows]() ### AI overview This guide explains agentic web marketing platforms, a web-first category in which AI agents use a company's design system, brand guidelines, positioning, and CMS data to improve websites. These platforms can create customized landing pages and move approved pages toward publishing while marketers retain strategic control and guardrails. The article distinguishes them from broader agentic marketing automation by emphasizing governed, data-driven changes to live websites. ### Source excerpt Learn how an agentic web marketing platform helps enterprise teams improve AI visibility, web experiences, and business results. ## Import a Figma design into Webflow with one prompt DevFeed: [Import a Figma design into Webflow with one prompt]() Original publisher: [Read original article]() Author: Stefan Judis Published: 2026-08-06T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [Figma](), [webflow](), [MCP](), [Claude](), [Artificial Intelligence](), [Tooling](), [Template]() Tags: [ai](), [anthropic](), [claude](), [design](), [development](), [figma](), [figma-plugin](), [mcp](), [tokens](), [tooling](), [webflow]() ### AI overview The article describes importing a Figma design into an empty Webflow site using Claude Desktop, two MCP connectors, and a single loose prompt. The process creates design tokens, classes, components, and uploaded assets without a dedicated Figma import tool or manual rebuilding. ### Source excerpt Use Claude connectors to import a Figma design into Webflow. Webflow MCP handles tokens, classes, components, and assets. ## What we've heard, and what comes next DevFeed: [What we've heard, and what comes next]() Original publisher: [Read original article]() Author: Ben Haefele Published: 2026-08-03T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [Artificial Intelligence](), [webflow](), [Content Management System](), [Code](), [Authorization](), [cursor](), [MCP](), [ChatGPT](), [Claude]() Tags: [agents](), [ai](), [analytics](), [build-faster](), [building](), [chatgpt](), [claude](), [code](), [cursor](), [efficiency](), [inside-webflow](), [mcp](), [metrics](), [platform](), [testing](), [tools](), [webflow](), [workflows]() ### AI overview Webflow describes how AI-assisted site building has become fast, while ongoing work such as updating, managing, testing, optimizing, and personalizing sites remains the larger challenge for marketers. The article outlines Webflow's agent-oriented roadmap, including branch-based changes, roles and permissions, activity logging, and MCP access to Webflow Analytics. ### Source excerpt AI made building fast. It didn't change the updating, testing, and optimizing that marketers are still responsible for every day. Here's our take. ## Getting to the source DevFeed: [Getting to the source]() Original publisher: [Read original article]() Author: Ben Haefele Published: 2026-07-28T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Web Development](), [Compiler](), [CSS](), [HTML](), [JavaScript](), [Code]() Tags: [code](), [css](), [design-tools](), [engineering](), [html](), [javascript](), [web](), [webflow]() ### AI overview Webflow explains why its original visual design workflow did not provide a direct connection to the published web artifact. Its internal representation was compiled into generated HTML, CSS, and JavaScript, creating a gap between what creators designed and the code that shipped. The article presents moving toward a workflow where the designed artifact and source code are more directly connected. ### Source excerpt What you design and what ships should be the same thing. Here's why that finally became possible. ## How to add authentication and payments to a Webflow Cloud app with Auth0 and Stripe DevFeed: [How to add authentication and payments to a Webflow Cloud app with Auth0 and Stripe]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-07-27T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [Auth0](), [stripe](), [webflow](), [Authentication](), [Next.js](), [Web](), [Node.js](), [npm](), [Workers]() Tags: [authentication](), [checkout](), [guides](), [how-to](), [integration](), [next-js](), [node-js](), [npm](), [payments](), [web](), [webflow]() ### AI overview A guide to adding Auth0 session-based authentication and Stripe Checkout payments to a Next.js app hosted on Webflow Cloud. It covers server-side session checks, payment routes, verified webhooks, post-payment provisioning, and Webflow Cloud-specific deployment requirements. ### Source excerpt Learn how to add Auth0 authentication and Stripe Checkout to a Webflow Cloud app, with session middleware, a payment route, and verified webhooks. ## How to add Auth0 role-based access control to a Webflow Cloud App DevFeed: [How to add Auth0 role-based access control to a Webflow Cloud App]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-07-26T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [Auth0](), [Authorization](), [webflow](), [Cloudflare Workers](), [JSON Web Tokens](), [Authentication](), [Node.js](), [npm]() Tags: [auth](), [authentication](), [code](), [development](), [guide](), [guides](), [how-to](), [tokens](), [webflow]() ### AI overview A guide to adding Auth0 role-based access control to a Webflow Cloud App. It explains how Auth0 issues tokens and roles, while the app verifies JWTs and enforces access in middleware and handlers running on Cloudflare Workers. ### Source excerpt Learn how to add Auth0 role-based access control to a Webflow Cloud app, injecting roles into the token and verifying them in middleware and handlers. ## How to add autocomplete search to Webflow with Elasticsearch on Webflow Cloud DevFeed: [How to add autocomplete search to Webflow with Elasticsearch on Webflow Cloud]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-07-26T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [elasticsearch](), [Elastic Cloud](), [webflow](), [Nextra](), [API keys](), [Content Management System](), [Command-line interface](), [Front end](), [migration](), [Template]() Tags: [api-keys](), [cli](), [cloud](), [content](), [elastic-cloud](), [elasticsearch](), [frontend](), [getting-started](), [guide](), [guides](), [migration](), [next-js](), [webflow]() ### AI overview A guide to adding as-you-type autocomplete search to a Webflow site using Elasticsearch on Webflow Cloud. It covers updating the index mapping, re-indexing existing content, creating a Next.js Route Handler, and connecting a debounced, abort-controlled frontend input. ### Source excerpt Learn how to add as-you-type autocomplete search to Webflow using Elasticsearch's search_as_you_type field and a Webflow Cloud Route Handler ## How to add Datadog logging to a Webflow Cloud app that already uses Sentry DevFeed: [How to add Datadog logging to a Webflow Cloud app that already uses Sentry]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-07-26T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Cloudflare Workers](), [log management](), [Next.js](), [error tracking](), [observability](), [API](), [Node.js]() Tags: [cloudflare-workers](), [development](), [error-tracking](), [guides](), [how-to](), [http](), [logs](), [next-js](), [node-js](), [observability](), [tools](), [webflow]() ### AI overview Guide to adding Datadog structured logging to a Webflow Cloud Next.js app that already uses Sentry. It explains how Sentry captures exceptions and stack traces while Datadog collects operational logs through its HTTP log intake API, since the Datadog APM SDK does not run on Cloudflare Workers. ### Source excerpt Add Datadog log collection to a Webflow Cloud app that already reports to Sentry, using a fetch-based logger utility in your Route Handlers. ## How to build a contact form with SendGrid email delivery on Webflow Cloud DevFeed: [How to build a contact form with SendGrid email delivery on Webflow Cloud]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-07-26T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Next.js](), [React](), [App](), [Routing (disambiguation)](), [Server](), [Streams](), [configuration](), [Deployment](), [Web Development](), [Command-line interface]() Tags: [code](), [development](), [guide](), [guides](), [how-to](), [html](), [router](), [routing](), [server](), [validation](), [webflow]() ### AI overview This guide explains how to build a Webflow Cloud contact form using a React component, a Next.js App Router route handler, server-side validation, honeypot bot filtering, CORS configuration, and SendGrid for confirmation and team notification emails. ### Source excerpt Learn how to build a contact form on Webflow Cloud that sends confirmation and notification emails via SendGrid. ## How to build a faceted search interface with Algolia and Webflow without managing infrastructure DevFeed: [How to build a faceted search interface with Algolia and Webflow without managing infrastructure]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-07-26T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [Algolia](), [webflow](), [Content Management System](), [Next.js](), [Cloudflare Workers](), [React](), [API](), [API keys](), [Front end]() Tags: [api](), [app](), [architecture](), [blog](), [cloudflare](), [cloudflare-workers](), [guide](), [guides](), [how-to](), [integrations](), [next-js](), [react](), [search](), [ui](), [webflow](), [writing-code]() ### AI overview A tutorial on building faceted Algolia search for Webflow CMS content with a Next.js app on Webflow Cloud. It covers indexing content through the Webflow Data API, a React search interface with filters, highlighting, and pagination, webhook-based synchronization, and secure separation of frontend and server-side API keys. ### Source excerpt Learn how to build a faceted search with Algolia and Webflow Cloud by indexing CMS content, adding filters, and syncing the index with webhooks. [Next page]()