Updates
Share a read-only link of your project from the Designer
Now you can enable and share a read-only link of your project right from the Designer to share with in-progress work with colleagues or clients.
Protect Team plan projects from deletion
Now Team owners can lock projects from being deleted (or transferred) by their teammates to make sure important sites don’t get accidentally — or maliciously — removed.
Identify hidden elements more easily in navigator
Now elements set to “display: none” have a handy icon next to them in the navigator so you can locate hidden elements more easily.
Now you can better filter collection lists with multi-reference fields, making it easier to create related post and product lists based on multiple attributes like tags and categories.
Now you can easily see all the pages, templates, and symbols that are tied to your collection content and quickly delete those connections with one click.
CSS grid: release 2.0
We’ve made some major updates and improvements to grid layout in Webflow that makes designing responsive layouts even easier — including support for grid on collection and ecommerce product lists.
Reorder the display of CMS Collections
Now you can drag and drop your collections in the Designer or Editor into whatever order you’d like them to display.
New navigator location (plus some new features)
We’re moving the navigator to the left side of the Designer, and adding the ability to pin and resize it. Try it out in beta today before we roll the change out for everyone.
Password protect CMS collection pages
Now, you can add a password to your CMS collection pages to limit access to CMS content like blog posts, event pages, and more.
Now you can edit the label and help text of the required “name” field in your collections.
Include project settings when duplicating sites
Now when you duplicate projects, you can include settings like 301 redirects, publishing options, and integration settings.
Link to specific pages in the Designer
Now you can send teammates links to a specific page in the Designer to make it clearer where you want their help or input.
Open current page from the Designer publish modal
Now when you open your site from the Designer publish modal, you’ll land on the page you’re viewing in the Designer
Asset file URL whitelabeling now enabled
While those of you with Professional or Team plans have been able to whitelabel the Editor with your own logo for years, images and other assets have remained hosted on a webflow domain. So we fixed that: now when you enable whitelabeling for a site, your assets will live at a generic, unbranded URL.
Images in rich text fields now import smoothly from CSV
Now when you import CMS content via a CSV, images in rich text fields will be downloaded to your site directly. (No need to worry about preserving their previous storage locations.)
Center element button added to new style panel
Based on customer feedback, we’ve added the center element button back to the spacing section of the style panel, so you can quickly set “margin: auto” on elements to center them horizontally.
Option + drag to change input values
Now you can adjust the values in input fields by holding down Option (on Mac) or Alt (on Windows) and dragging your cursor — no need to take your hand off the mouse. Learn more about this enhancement and a few other changes we've made this past week.
Enable Apple Pay and other Web Payments on checkout page
Now you can enable Apple Pay and other Web Payments on existing checkout forms. For checkout pages created after today, Web Payments are added by default (with the option to remove them as well).
Google Optimize integration
Paste your Google Optimize container ID into the integrations section of your project settings to run A/B and multivariate tests on your pages with Google Optimize.
Webflow Ecommerce is now live
The beta is over — and Webflow Ecommerce is now live. See everything that’s included in Webflow Ecommerce, what we’re working on next, and how Webflow stacks up against the competition.
Apple Pay and other Web Payment checkout options
Let customers checkout faster with stored payment details from their browser, like Apple Pay on Safari or stored credit card details on Chrome and Edge.
Set Adobe Font API keys per-project
Now you can set Adobe Font (formerly Typekit) API keys on a per-project level. This means your clients can set up their own free Adobe Font accounts, then hand you the API key for use on their project.
Sell multiple variants of the same product
Now you can add product options like size, color, and material (or whatever else you have in mind) to sell multiple variants of the same product.
Facebook, Instagram, and Google product catalog integrations
Sync your ecommerce product catalog to Facebook, Instagram, and Google to run smarter ad campaigns and create more interactive social posts.
Place add to cart buttons within product grids
Now you can put add to cart buttons within Collection Lists to let customers get to checkout faster — or create custom “quick view” modal experiences.
Cleaned up, more legible navigator
We’ve made some small tweaks to the navigator panel to make it easier to see the structure of pages, especially on more complex pages.
Position: sticky
Along with the new style panel comes a new “sticky” positioning property, so you can fix elements at a certain position as you scroll down the page.
We’re making some changes to the style panel
We’re rolling out a refreshed version of the style panel today — first in beta for the next month, then for everyone. Take a look at what’s changing, why, and what to expect during the beta.
Display sale prices by setting a compare-at price
We’ve added a new “compare-at price” field to your ecommerce products so you can highlight sale prices and showcase discounts.
Set tax classes per product
Sometimes you need to specify the type of good or service your products are to be fully tax-compliant. So we added a new option in your product settings to do just that.
Paginate Collection Lists
Now you can paginate collection lists, control how many items display per page, and style your own “previous” and “next” buttons.
Zapier and API support for ecommerce events
We’ve added new ecommerce triggers and actions to Zapier (and in our API) so you can connect your order fulfillment workflows and more with other apps.
Experimental support for the Designer in Firefox
To help us collect better intel on potential bugs and issues around using the Designer in Firefox, we’re now opening up experimental access to the Designer in all modern browsers. Read our update for more details on what to expect and how to help our research.
Enable SSL on webflow.io staging domains
Ever been annoyed that you can’t publish your staging sites to an https URL? Well stop being annoyed, because that’s a thing of the past — now you can turn on SSL for your staging sites in your project settings.
Webflow Ecommerce is now in beta — for everyone
Webflow Ecommerce is now in beta for production stores. Take a look at what’s included in today’s release, what’s ahead, and how to get started building online stores with Webflow.
More controls for YouTube embeds
We’ve added a new YouTube-specific element that offers a new level of embed customization, like hiding play controls, setting a start time, and limiting related videos to the same channel.
New video course: grid-based landing page
Ready to level-up your grid game? We just added a 12-video course to Webflow University that shows you how to create a fully-responsive landing page using CSS grid.
Drag to resize grid columns, rows, and gaps
Now, you can resize grid columns, rows, and gaps with a simple click and drag — right on the canvas.
Grid now supported in symbols
We’ve just added support for grid in symbols — so now you can easily build (and reuse) repeating elements like footers, navs, and more with the power of grid.
Get a text if your payments fail
Ever had a payment to Webflow fail, but not known about it until it’s too late? Well, now you can turn on text notifications if one or more of your payments fails to make sure your accounts and sites keep running smoothly.
Pasting images into rich text fields now just works
Ever try pasting content from an external doc into a rich text field, only to see placeholder images show up? Well good news: that’s a thing of the past. Now, when you paste text and images into a rich text field, all your images will automatically be imported.
The power of CSS grid — in a completely visual canvas. Start building with grid in Webflow today.
Apply CSS filters in interactions
We’ve added filters like blur, color inversion, greyscale, and more to the available effects in interactions, so now you can create even cooler effects on your sites.
Export CMS content as a CSV
Now you can export your CMS Collections as CSVs to move content between sites or — if you must — between platforms.
Find stuff faster in the Designer
Ever wish you had an Alfred style search bar to move through the Designer faster? Wish granted. Meet quick find: an easy way to search for elements, symbols, pages, CMS content, and more in the Designer without leaving your keyboard.
Facebook pixel integration
Now you can add the power of Facebook Analytics to your marketing campaigns — just add your Facebook pixel ID in the integrations section of your project settings.
Color swatches now global by default
Now when you create a color swatch, it’ll be a global swatch by default. This should make it easier to keep your palette consistent across your site.
Change CMS Collection page URL slugs
Now you can change the URL path for your CMS Collection template pages after you create them. And as always, you can set up 301 redirects to keep your links running smoothly.
Add files as CMS fields
Now you can set files as CMS Collection fields to add things like PDFs, DOCs, images, and more to a Collection item.
Upload files to forms
Add a file upload button to your forms to collect documents, images, media files, and more from your visitors. And of course, style that upload experience however you want. Now available for all sites with Business hosting.
Add a reCAPTCHA field to your forms
Now you can add a reCAPTCHA field to forms to make sure your submissions are brought to you by certified human beings.
Publish with a keyboard shortcut
Publish your site without leaving the comfort of your keyboard: hit SHIFT + P to open the publish menu, then hit SHIFT + Enter to publish.
Search in the Symbols panel
Now you can search in the Symbols panel, so it's that much easier to find just the right Symbol.
Changes to form support and form submission visibility in project settings
As part of our GDPR-compliance efforts, we’re making two changes to forms: 1) We’re no longer supporting form functionality on newly exported sites, so you’ll need to find a third-party tool to handle your forms. 2) We’re updating the forms tab to allow you to hide form submissions that you shouldn’t see if you’re not the owner of a site you’re working on.
Search within the pages panel
Want to quickly pull up a page in the Designer from the pages panel? Now you can, with just a quick search.
Showcase sites from your Team account
Now you can create a public profile for your Team account and feature your favorite sites in the Webflow showcase.
Add classes faster with a keyboard shortcut
Now you can quickly jump to the selector field to give new elements a class by hitting CMD + Enter on Mac (CTRL + Enter on Windows).
Forms will stop working on exported sites
In preparation for GDPR, we’re phasing out support for Webflow-powered forms on exported sites. Here’s a look at what’s changing, when, and how to prepare.
Save pages as drafts
Now you can set pages as drafts to hide in-progress work, internal facing pages, or anything else you don’t want site visitors (or Google) to discover.
Copy and paste between projects
Now you can build new sites faster by reusing common layouts, interactions, and more across projects.
Set a custom search result description field
Now you can show a custom description — and category — in your site search results, instead of the default snippet.
The future of ecommerce is (almost) here
Ecommerce is coming to Webflow — and building ecommerce sites will never be the same. Check out our announcement page for more details, and to sign up for the beta.
Reusing interactions just got way easier
We’ve added some long-awaited new features to Interactions 2.0 that should make reusing interactions across your project a whole lot easier.
Publish individual CMS items
Ever wanted to update or add a new CMS item without publishing your entire site (and potentially breaking in-progress design changes)? Well, now you can.
Now you have the option to anonymize the last digits of visitors’ IP addresses in Google Analytics, which lets you comply with certain privacy policies, or in some countries, recommendations from local data protection authorities.
Style the visited state for links
Want to style a link differently once it’s been visited? Now you can, using the new visited option in the states dropdown.
Add search to your sites
Now you can add search, customize your search results page, and even control the content in your search engine — all in Webflow.
Interactions just got quick (effects)
Now you can quickly add pre-defined interactions and animations to your site with a just a few clicks.
Interactions 2.0.1: new features, updates, and fixes
We’ve added support for Interactions 2.0 across Symbols and Collection Pages — along with a bunch of other fixes and enhancements.
Style form placeholder text (finally!)
Now you can style the placeholder text in forms using the “placeholder” state on input fields.
Interactions 2.0 has arrived
Timeline-based animations. Parallax scrolling. Mouse-based microinteractions. Now in Webflow. Experience Interactions 2.0 today.
Easier GoDaddy domain connection
Now, Webflow automatically detects domains registered with GoDaddy, so connecting your GoDaddy registered domain to your Webflow site is easier than ever. No more CNAME configuration, no more A records to keep track of, no more headaches.
Quickly duplicate classes
Ever wanted to copy styles from one element, apply them to another, and make a few tweaks — without altering your original class? Well now you can, by duplicating a class in one click.
Now you can search our help center and contact support right from the Designer, so you can find the help you need without interrupting your workflow.
Bulk actions for Collection items
Now you can delete, archive, and draft multiple (or all) Collection items at once in the Designer and the Editor.
Minified JavaScript by default
Now Webflow automatically minifies your JavaScript on publish, so your sites load that much faster. You can also turn this on and off on a per-project basis.
Set up Gmail and more when you register a new Google Domain
Now when you buy a new domain from Google in your project settings, you can set up Gmail, Google Drive, and the rest of G Suite in just a few clicks.
Upload PDFs, PPTs, DOCs, CSVs and more
You asked, you waited, and now it’s here. Now you can upload and link to six (yes, six!) new types of documents within the Designer.
API key now required to use Map component
Due to some recent changes from the Google Maps team, you’ll need to register your own Google Maps API key and add it to your projects that use the Maps component. But don’t worry — maps are still free for up to 25,000 map loads per day.
Organize your projects with folders
The more projects you're working on, the harder it gets to find the right one in your dashboard. So we made it easier to organize everything, with folders.
Import CSV content to the Webflow CMS
Now you can add items to a Collection directly from a CSV. So now migrating sites from another platform to Webflow is easier than ever.
Publish individual CMS items from the API
If you’re working with the CMS API, you can now publish items individually — without publishing your entire site.
Updated flexbox UI
We made a few tweaks to flexbox UI in the Styles panel that should make using flexbox simpler and more intuitive.
Only publish the JavaScript you need
Starting now, your sites' Webflow.js files will only include the JavaScript you need for your components and interactions, so your sites will load that much faster.
No more Google Maps preview in the Designer
Due to a new Google Maps policy, you’ll now see a generic map in the Designer when you use the Map element. But don’t worry: the real map will still display on your published site.
Create webhooks from Project Settings
Since December, you’ve been able to create your own webhooks using the CMS API. Now you can create them in your Project Settings too, under the Integrations tab.
You may have noticed some features moving around under your Project Settings. Here’s a quick summary of what’s different.
Automatic class naming
Now we automatically add class names based on element type when you start styling. You can still add and name new classes just like before, but with this new workflow, you should be able to build a bit faster.
Hire a Webflow Expert
There’s a new place to find the best of the best Webflow designers, freelancers, and agencies: Webflow Experts.
We moved the asset manager
We’ve moved the asset manager to the left sidebar — alongside the Add, Pages, and Collections panels — so now all the elements you add to your site live on the same side of the Designer.
Easier class renaming
We made a bit easier to rename your classes, which you can now do with a little dropdown menu, or by double-clicking the class.
Support for Google Universal Analytics
We now support Google’s Universal Analytics Tracking ID, because their Classic Analytics is being phased out. You can set your Universal Analytics Tracking ID under the Integrations tab of your Project Settings.
Updated UI in the Designer
We gave the Designer a new paint job and tweaked the UI in a few places. Full details available in our update notes.
More reference fields on Business hosting
Inline CMS item creation
Now you can create items for one Collection from the reference fields of another, making it quick and easy to create things like tags, authors, locations, or other smaller items on the fly.
Global swatches
Now you can define key colors as global, so every instance of that color will update whenever you change it. It’s like Symbols, but for colors.
Now everyone gets a grand total of 15 votes, the ability to vote up to 3 times per feature, and flexibility to change votes anytime.
Sites with Business hosting get more fields
Create CMS items with Zapier
Now you can push content to Webflow CMS from your favorite apps via Zapier — without writing code.