---
name: Webflow Product Updates
slug: webflow-product-updates
type: feed
source_url: https://webflow.com/updates
organization: Webflow
organization_slug: webflow
total_releases: 124
latest_date: 2026-07-10
last_updated: 2026-07-13
tracking_since: 2025-09-12
canonical: https://releases.sh/webflow/webflow-product-updates
organization_url: https://releases.sh/webflow
---

<Release date="July 10, 2026" published="2026-07-10T18:14:44.000Z" url="https://webflowmarketingmain.com/updates/aeo-updates-see-full-ai-responses-and-now-supporting-gemini-and-claude">
## Webflow AEO now supports Gemini and Claude, and shows full AI responses | Webflow Updates

Webflow AEO now supports Gemini and Claude, and shows full AI responses

We're excited to announce two significant improvements to Webflow AEO (AI-Enhanced Optimization):

## Support for Google Gemini and Anthropic Claude

You can now choose between three leading AI models when using Webflow AEO:

- **OpenAI GPT-4o** (default)
- **Google Gemini** (new)
- **Anthropic Claude** (new)

This gives you flexibility to select the AI model that best fits your needs and preferences. You can switch between models in your AEO settings.

## Full AI Response Display

Previously, AEO responses were truncated to fit within the interface. Now you can see the **complete, untruncated AI response** for every suggestion and optimization. This includes:

- Full explanations of recommended changes
- Complete content suggestions
- Detailed optimization reasoning

Simply expand any AEO card to view the entire response from your selected AI model.

## How to Access

1. Open your Webflow project
2. Navigate to the **Optimize** tab
3. Select your preferred AI model in AEO settings
4. View full responses by expanding any AEO card

These updates empower you with more choice in your AI tools while providing complete transparency into the optimization suggestions Webflow AEO generates.
</Release>

<Release date="July 7, 2026" published="2026-07-07T19:09:39.000Z" url="https://webflowmarketingmain.com/updates/custom-fonts-in-libraries">
## Custom Fonts in Libraries | Webflow Updates

## Custom Fonts in Libraries

You can now add custom fonts to your Shared Libraries, making it easier to maintain consistent typography across all projects that use your library.

### What's new

Custom fonts added to a Shared Library are now available to all projects that have that library added. This means:

- **Consistency**: Ensure all projects using your library have access to the same custom fonts
- **Efficiency**: Update fonts in one place, and changes are reflected across all connected projects
- **Organization**: Keep your typography system centralized and manageable

### How to use

1. Open your Shared Library
2. Go to the Typography settings
3. Add your custom fonts as you normally would
4. Projects that have your library added will automatically have access to these fonts
5. Use the custom fonts in your projects just like any other library asset

### Learn more

For detailed instructions on working with Shared Libraries and typography, visit the [Webflow University](https://university.webflow.com/).
</Release>

<Release date="July 1, 2026" published="2026-07-01T16:02:05.000Z" url="https://webflowmarketingmain.com/updates/webflow-in-chatgpt">
## Webflow is now available in ChatGPT | Webflow Updates

# Webflow is now available in ChatGPT

Webflow is now integrated with OpenAI's ChatGPT, making it easier than ever to leverage AI to build and optimize your websites.

## What's new

The Webflow App for ChatGPT allows you to:

- **Generate Webflow site code** - Use natural language prompts to create HTML, CSS, and JavaScript code that you can directly import into Webflow
- **Get design recommendations** - Receive AI-powered suggestions for improving your site's design, layout, and user experience
- **Optimize content** - Get help writing and refining copy, meta descriptions, and other content elements
- **Troubleshoot issues** - Describe problems you're facing and get guidance on solutions

## How to use it

1. Open ChatGPT and access the Apps section
2. Search for and select "Webflow"
3. Authorize the integration with your Webflow account
4. Start asking ChatGPT to help with your Webflow projects

You can ask ChatGPT to generate code snippets, suggest design improvements, help with copywriting, and more—all without leaving the ChatGPT interface.

## Benefits

- **Faster development** - Accelerate your workflow by leveraging AI to generate code and ideas
- **Better designs** - Get instant feedback and suggestions to improve your site's aesthetics and usability
- **Improved content** - Use AI to refine your messaging and ensure it resonates with your audience
- **Seamless integration** - Work within ChatGPT while building in Webflow

The Webflow App for ChatGPT is available now. Start building smarter with the power of AI.
</Release>

<Release date="June 30, 2026" published="2026-06-30T17:03:01.000Z" url="https://webflowmarketingmain.com/updates/cms-collection-field-grouping">
## CMS Collection Field Grouping | Webflow Updates

## CMS Collection Field Grouping

Organize your CMS collection fields with field groups, making it easier to manage complex content structures and improve the authoring experience.

### What's new

You can now group related fields together in your CMS collections using field groups. This feature allows you to:

- **Organize fields logically** - Group related fields (e.g., SEO metadata, author information, pricing details) together for better structure
- **Improve content authoring** - Authors see organized, collapsible sections in the content editor, making it easier to find and manage fields
- **Reduce clutter** - Hide related fields under group headers to create a cleaner, more focused editing interface

### How to use

1. Navigate to your CMS collection settings
2. In the collection's field list, you can now create field groups
3. Drag and drop fields into groups to organize them
4. Groups will appear as collapsible sections in your content editor
5. Authors can expand/collapse groups as needed while editing content

### Benefits

- **Better content organization** - Keep your collection structure clean and logical
- **Improved UX for editors** - Reduce cognitive load by grouping related information
- **Scalability** - Makes managing collections with many fields more manageable
- **Flexibility** - Reorganize fields without affecting your published content

This update makes it easier to manage complex CMS structures while providing a better experience for your content editors.
</Release>

<Release date="June 30, 2026" published="2026-06-30T11:29:12.000Z" url="https://webflowmarketingmain.com/updates/ai-credits">
## AI credit limits are now in effect | Webflow Updates

## AI credit limits are now in effect

**Effective date:** January 13, 2025

Webflow AI features now require AI credits to operate. As of January 13, 2025, all Webflow users with access to Webflow AI features will need to have available AI credits to use them.

### How AI credits work

All Webflow subscriptions now include a monthly allocation of complimentary AI credits:

- **Starter plan:** 20 AI credits/month
- **Professional plan:** 100 AI credits/month
- **Business plan:** 500 AI credits/month
- **Enterprise plan:** Consult your account team

Each Webflow AI feature consumes a different number of credits based on complexity. For example:
- AI text generation typically uses 1 credit
- AI image generation uses 5 credits
- More complex features may use additional credits

### What happens when you run out of credits?

Once you've exhausted your monthly AI credit allocation, you won't be able to use Webflow AI features until your credits reset at the start of the next billing cycle. You can purchase additional credits at any time if needed.

### Managing your AI credits

You can monitor your remaining AI credits in the Webflow dashboard. Look for the AI credits counter in your workspace settings to see your current balance and usage.

### Questions?

For more information about AI credits, pricing, and how to purchase additional credits, visit our [AI credits help documentation](https://webflow.com/help/ai-credits) or contact our support team.
</Release>

<Release date="June 26, 2026" published="2026-06-26T16:57:14.000Z" url="https://webflowmarketingmain.com/updates/localize-custom-head-and-body-code">
## Localize custom head and body code | Webflow Updates

## Localize custom head and body code

You can now localize custom code added to your site's `<head>` and `<body>` tags. This allows you to add different custom code for different locales without duplicating your entire site structure.

### How it works

When you add custom code to your site's head or body through **Settings > Custom code**, you'll see locale-specific options. You can:

- Add code that appears on all locales
- Add code that only appears on specific locales
- Override global code for individual locales

### Use cases

This feature is helpful for:

- Loading locale-specific analytics or tracking scripts
- Adding region-specific fonts or stylesheets
- Inserting locale-dependent third-party integrations
- Managing different conversion pixels for different markets

### Getting started

1. Go to **Settings > Custom code**
2. Select the code section (Head or Body)
3. Choose whether the code applies to all locales or specific locales
4. Add your custom code
5. Save and publish

For more information about localization in Webflow, visit the [Localization documentation](https://webflow.com/feature/localization).
</Release>

<Release date="June 25, 2026" published="2026-06-25T16:40:54.000Z" url="https://webflowmarketingmain.com/updates/webflow-localize-has-its-own-panel">
## Webflow Localize has its own panel | Webflow Updates

## Webflow Localize has its own panel

Webflow Localize now has a dedicated panel in the Designer, making it easier to manage translations and localize your site.

Previously, localization settings were scattered across different areas of the interface. Now you can access all localization features from one centralized panel, streamlining your workflow and making it simpler to:

- Create and manage locales
- Configure locale settings
- View translation status
- Access localization tools

The new Localize panel is available in the Designer's right sidebar and provides a cleaner, more intuitive way to work with your site's localization features.
</Release>

<Release date="June 15, 2026" published="2026-06-15T19:19:20.000Z" url="https://webflowmarketingmain.com/updates/show-primary-page-names-in-webflow">
## Show primary page names in Webflow | Webflow Updates

## Show primary page names in Webflow

We're introducing a new feature that displays primary page names in Webflow, making it easier to identify and organize your pages at a glance.

### What's new

You can now see primary page names displayed prominently in your Webflow project. This enhancement helps you quickly distinguish between primary pages and their variations, improving your workflow and project management.

### How it works

Primary page names will now appear clearly labeled in your pages panel, allowing you to:

- Quickly identify which pages are primary pages
- Better organize and manage your page hierarchy
- Streamline your navigation through complex page structures

This feature is now available to all Webflow users and requires no additional setup or configuration.
</Release>

<Release date="June 12, 2026" published="2026-06-12T19:42:36.000Z" url="https://webflowmarketingmain.com/updates/reset-localized-component-prop-defaults">
## Reset localized component prop defaults | Webflow Updates

## Reset localized component prop defaults

We've added the ability to reset localized component prop defaults back to the primary locale values. When you change a component prop value in a localized page, you can now reset it to match the primary locale's value.

### How to reset localized component prop defaults

1. Navigate to a localized page in the Designer
2. Select a component instance
3. In the Inspector, find the prop you've customized for this locale
4. Click the reset icon next to the prop value
5. The prop will revert to the primary locale's value

This feature is useful when you want to:
- Quickly revert accidental changes to localized props
- Synchronize component props across locales
- Maintain consistency between locale variations

### Use cases

- **Consistency management**: Keep component prop values aligned across locales unless intentionally customized
- **Efficient localization**: Reduce the need to manually re-enter values when you want to match the primary locale
- **Error correction**: Quickly fix mistakes in localized prop configurations
</Release>

<Release date="June 3, 2026" published="2026-06-03T22:44:26.000Z" url="https://webflowmarketingmain.com/updates/page-pan-zoom">
## Pan and zoom for pages | Webflow Updates

## Pan and zoom for pages

Use pan and zoom controls to navigate your page canvas more efficiently in the Designer. Zoom in and out to focus on specific elements or get a bird's eye view of your entire page. Pan around your canvas to explore different sections without constantly scrolling.

### How to use pan and zoom

**Zoom in and out:**
- Use your mouse wheel or trackpad scroll to zoom in and out
- On Mac trackpad, pinch to zoom
- Use keyboard shortcuts: `+` to zoom in, `-` to zoom out, or `0` to reset to 100%

**Pan around the canvas:**
- Hold the spacebar and click-drag to pan around your page
- On Mac trackpad, use two-finger drag to pan

**Reset your view:**
- Press `0` on your keyboard to reset zoom to 100% and center your view

These controls are available when editing any page in the Designer and work seamlessly with your existing design workflow.
</Release>

<Release date="June 3, 2026" published="2026-06-03T18:46:30.000Z" url="https://webflowmarketingmain.com/updates/ai-attribution-site-activity-log">
## Track AI and MCP changes in your Site Activity Log | Webflow Updates

# Track AI and MCP changes in your Site Activity Log

We're making it easier to track changes made by AI and Model Context Protocol (MCP) integrations in your Webflow projects. Now, when you review your Site Activity Log, you can see exactly which changes were made by AI features and which were made through MCP integrations.

## What's new

**AI and MCP activity tracking** — The Site Activity Log now displays AI-generated changes and MCP integration changes with clear labels, so you can easily identify who (or what) made modifications to your site.

This enhancement helps you:

- Monitor AI-assisted design and content changes
- Track updates made through MCP integrations
- Maintain better oversight of your project's development history
- Understand the full context of changes in your site

## How it works

When you open your Site Activity Log, look for entries labeled with:

- **AI** — Changes made by Webflow's AI features
- **MCP** — Changes made through Model Context Protocol integrations

This makes it simple to review what was automated versus what was manually edited, giving you complete visibility into your site's evolution.

## Learn more

For more details on managing your site activity and understanding change logs, visit the [Webflow University](https://university.webflow.com/) or check out the [Help Center](https://webflow.com/help).
</Release>

<Release date="June 1, 2026" published="2026-06-01T14:13:57.000Z" url="https://webflowmarketingmain.com/updates/one-click-deploy-apps-without-sites">
## Deploy apps on Webflow Cloud without creating a site | Webflow Updates

## Deploy apps on Webflow Cloud without creating a site

You can now deploy your apps directly to Webflow Cloud without needing to create a Webflow site first. Previously, you had to create a site to access Webflow Cloud. Now you can go straight to deploying your applications.

### What's new

- **Direct deployment**: Skip the site creation step and deploy apps immediately to Webflow Cloud
- **Streamlined workflow**: Faster setup for developers who want to use Webflow Cloud for app deployment

### How it works

When you're ready to deploy an app to Webflow Cloud, you can now proceed directly to the deployment process without creating a Webflow site as a prerequisite.

This update makes it easier for developers to leverage Webflow Cloud's deployment capabilities for their applications.
</Release>

<Release date="May 22, 2026" published="2026-05-22T19:47:03.000Z" url="https://webflowmarketingmain.com/updates/quick-access-update">
## Quick access now respects your assigned role | Webflow Updates

We've rolled out an update to the Quick Access menu that brings role-based filtering to your workspace. Quick Access now respects your assigned role and only shows the sites you have permission to access.

This means:

- **Owners** and **Editors** will see all sites they have access to
- **Designers** will see only Designer sites
- **Developers** will see only Developer sites

If you're assigned to a workspace with multiple roles, Quick Access will display sites relevant to each of your roles, making it easier to find what you need without clutter.

This update helps keep your workspace organized and ensures you're only seeing the sites appropriate for your current permissions.
</Release>

<Release date="May 21, 2026" published="2026-05-21T16:23:47.000Z" url="https://webflowmarketingmain.com/updates/login-with-github">
## Log in to Webflow with GitHub | Webflow Updates

You can now log in to Webflow using your GitHub account, making it easier to access your workspace and collaborate with your team.

## What's new

We've added GitHub as a login option for Webflow. You can now:

- Sign up for a new Webflow account using GitHub
- Log in to your existing Webflow account with GitHub
- Connect your GitHub account to your Webflow profile

## How to use it

**To log in with GitHub:**

1. Go to the Webflow login page
2. Click "Continue with GitHub"
3. Authorize Webflow to access your GitHub account
4. You'll be logged into your Webflow workspace

**To sign up with GitHub:**

1. Go to the Webflow sign-up page
2. Click "Sign up with GitHub"
3. Authorize Webflow to access your GitHub account
4. Complete your Webflow account setup

## Benefits

- **Faster authentication** - Skip traditional email/password login
- **Single sign-on** - Use your GitHub credentials across platforms
- **Better security** - Leverage GitHub's security features
- **Seamless workflow** - Stay in your development environment

## Learn more

For more information about authentication and account management, visit our [support documentation](https://support.webflow.com).
</Release>

<Release date="May 21, 2026" published="2026-05-21T14:58:04.000Z" url="https://webflowmarketingmain.com/updates/now-available-webflow-aeo">
## Webflow AEO: Now available for Enterprise | Webflow Updates

## Webflow AEO: Now available for Enterprise

Webflow AEO is now available for Enterprise customers, enabling organizations to optimize their digital presence for AI-driven search at scale.

### What is AEO?

AEO (AI Engine Optimization) helps websites become discoverable through AI-powered search tools and generative AI applications. As AI search continues to grow, AEO ensures your content is structured and optimized for these new discovery channels.

### Enterprise AEO Features

Enterprise customers now have access to:

- **Advanced semantic optimization** - Ensure your content is properly structured for AI-driven discovery
- **AI-ready content framework** - Tools to prepare your content for generative AI consumption
- **Scale across multiple sites** - Manage AEO across your entire organization's web properties
- **Enterprise support** - Dedicated support for AEO implementation and optimization

### Getting Started

Enterprise customers interested in AEO can:

1. Contact your Webflow account manager
2. Review the AEO feature documentation
3. Begin optimizing your sites for AI-driven search

For more information about AEO and how it can benefit your organization, visit the [AEO feature page](https://webflow.com/feature/aeo).
</Release>

<Release date="May 20, 2026" published="2026-05-20T15:58:31.000Z" url="https://webflowmarketingmain.com/updates/ai-translation-that-handles-formatted-content-naturally">
## AI translation that handles formatted content naturally | Webflow Updates

## AI translation that handles formatted content naturally

Webflow's AI translation feature now intelligently preserves formatting—including bold, italics, links, and code blocks—while translating your content. This means your formatted text stays formatted in every language you translate to.

### What's new

When you translate content with AI in Webflow, the system now:

- Preserves bold and italic styling across translations
- Maintains hyperlinks and their destinations
- Keeps code blocks properly formatted
- Retains special formatting like strikethrough and underline
- Ensures consistent visual hierarchy in translated content

### How it works

Simply select content you want to translate and use Webflow's AI translation tool. The AI analyzes the formatting markup alongside the text content and applies the same formatting rules to the translated output. No manual reformatting needed.

This update applies to translations across all supported languages and works seamlessly with both CMS-driven and static content on your site.
</Release>

<Release date="May 19, 2026" published="2026-05-19T15:33:13.000Z" url="https://webflowmarketingmain.com/updates/use-component-props-in-custom-code">
## Use component props in custom code | Webflow Updates

Use component props in custom code

Component props let you reference component instance values in custom code blocks. This means you can write flexible, reusable code that adapts based on the props set on each component instance.

## How to reference component props

In your custom code blocks, reference props using the syntax:

```
{{ prop_name }}
```

For example, if your component has a prop called `buttonColor`, you can reference it in custom code like:

```html
<style>
  .button {
    background-color: {{ buttonColor }};
  }
</style>
```

## Example use cases

- **Dynamic styling**: Apply different styles based on component prop values
- **Conditional logic**: Show or hide elements based on prop values
- **Data binding**: Pass prop values to JavaScript functions or APIs
- **Personalization**: Create different experiences based on prop configuration

## Supported code block types

Component props can be referenced in:
- Custom CSS blocks
- Custom HTML blocks
- Custom JavaScript blocks (via data attributes)

## Best practices

- Use descriptive prop names that clearly indicate their purpose
- Document what values each prop accepts
- Test your code with different prop values to ensure it works correctly
- Consider using props for values that might change between component instances rather than hardcoding values
</Release>

<Release date="May 13, 2026" published="2026-05-13T17:08:52.000Z" url="https://webflowmarketingmain.com/updates/updated-pricing-and-simplified-plans">
## Updated pricing and simplified plans  | Webflow Updates

# Updated pricing and simplified plans

We're excited to announce updates to Webflow's pricing that make it easier for teams of all sizes to build, manage, and scale their web experiences.

## What's changing

We've simplified our plan structure and updated pricing to better reflect the value we deliver:

- **Clearer plan tiers** with more straightforward feature distribution
- **Updated pricing** across all plans to support continued platform innovation
- **New capabilities** included in plans to maximize value
- **Flexible options** for businesses of all sizes, from freelancers to enterprises

## Plan overview

Our updated plans now include:

**Basic** - Perfect for getting started with web projects
- Ideal for freelancers and small projects
- Core design and hosting features
- Essential collaboration tools

**Professional** - For growing teams and businesses
- Advanced features for more complex projects
- Enhanced collaboration and content management
- Increased project and resource limits

**Business** - For scaling teams and agencies
- Premium features and priority support
- Advanced team collaboration
- Higher resource allocation

**Enterprise** - Custom solutions for large organizations
- Dedicated support and custom terms
- Advanced security and compliance features
- Scalable infrastructure for demanding workloads

## When does this take effect

Existing customers will have time to transition to the new pricing structure. We'll communicate specific timelines directly with affected accounts.

New signups will be on the updated pricing immediately.

## Why we're making this change

These updates reflect the significant value and capabilities we've added to Webflow over the past year, including AI features, advanced collaboration tools, and enterprise-grade infrastructure improvements. We're committed to providing the best value possible while ensuring we can continue innovating for our customers.

If you have questions about how this affects your account, please reach out to our support team.
</Release>

<Release date="May 12, 2026" published="2026-05-12T20:43:15.000Z" url="https://webflowmarketingmain.com/updates/single-page-publishing-access">
## Single-Page Publishing & page-specific access now controls who can publish | Webflow Updates

## Single-Page Publishing & page-specific access now controls who can publish

We're excited to announce two powerful new collaboration features that give you more granular control over your publishing workflow.

### Single-Page Publishing

You can now publish individual pages without affecting the rest of your site. This means you can:

- Push live updates to specific pages while others remain in draft
- Test changes on one page before rolling them out site-wide
- Collaborate more efficiently by allowing multiple team members to work on different pages simultaneously

### Page-Specific Access Controls

Combined with our updated access permission system, you can now control exactly who can publish each page. This allows you to:

- Assign publishing permissions at the page level
- Ensure only authorized team members can publish sensitive pages
- Maintain better oversight of what goes live and when

These features work together to streamline your team's publishing workflow while maintaining the security and control your organization needs.
</Release>

<Release date="May 12, 2026" published="2026-05-12T20:10:48.000Z" url="https://webflowmarketingmain.com/updates/default-preview-role-per-site">
## Set a default preview role for each site | Webflow Updates

## Set a default preview role for each site

Webflow now lets you set a default preview role for each of your sites. When you share a preview link without specifying a role, it will automatically use the default role you've set for that site.

### How to set a default preview role

1. Go to your site settings
2. Select the **Sharing** tab
3. Under **Default preview role**, choose the role you'd like to use as the default
4. Save your changes

The default preview role will be applied to all new preview links shared without an explicitly selected role. This helps streamline your workflow when sharing previews with team members and stakeholders.

### Available preview roles

You can set any of these roles as your default:
- **Viewer** - Can view the site and interact with it
- **Editor** - Can view and edit content
- **Admin** - Full access to all site settings and features

This feature is available to all Webflow users and applies to both published and unpublished preview links.
</Release>

<Pagination cursor="2026-05-12T20:10:48.000Z|2026-05-12T21:00:25.614Z|rel_nDSjSrUxgpHSNrKlGn3aO" next="https://releases.sh/webflow/webflow-product-updates.md?cursor=2026-05-12T20%3A10%3A48.000Z%7C2026-05-12T21%3A00%3A25.614Z%7Crel_nDSjSrUxgpHSNrKlGn3aO&limit=20" />