Updates
A new Vision Preview mode in the canvas settings lets you to simulate color blindness or focus impairments on your site’s design.
We’ve created new A records to make sites load faster and reduce unnecessary redirects on your domain. Read more about how and why to make the switch.
Now you can nest symbols within other symbols to build and maintain complex layouts more easily and efficiently.
Today we’re introducing Webflow Enterprise: the power of Webflow backed by the security, scalability, and support that enterprises demand.
Now you can see high-impact accessibility issues on your site with the new Audit panel in the Designer. Try it out in beta.
Now you can better organize and manage assets within your projects by creating folders in the Assets panel.
Now you can style product variant buttons for your store to create a frictionless shopping experience for your customers.
Now you can enable link preloading to have prominently linked pages and assets load faster when a visitor clicks on them.
You can now select various product types when setting up your store to automatically show or hide relevant fields during product creation.
Now you can test your designs on the new iPhone 12 product line in the Mobile portrait breakpoint.
In an effort to remove language from our product that perpetuates potentially racist or offensive terminology, we’ve replaced the phrase “master symbol” with “main symbol.”
You now have more control over the promotions you run with start and expirations dates, free shipping, limited usage and more.
Now you can uniquely style first, last, even, and odd items in ecommerce and CMS-driven Collection Lists.
Now you can set the base canonical tag for your site to avoid duplicate content issues and tell search engines which version of your site pages to index.
Now you can see the contrast ratio of text on your site and check its accessibility rating with a built-in color contrast section in the color picker.
Enable smoother font loading by setting font display to “swap” to prevent flashing of invisible text when pages load.
We’ve added new controls for managing image alt text that let you more efficiently and thoroughly ensure your website images are screen reader accessible.
To help your sites load faster, we’ve made all new images “lazy load” by default, meaning they load when they appear on the screen. You can override this setting per image.
We’re moving symbols to their own panel on the left side of the designer to make them easier to find — and to make way for some exciting planned upgrades to our entire symbols toolset.
Now you can improve readability and accessibility of text on your site with the “ch” unit, which lets you control the width of text elements by character count.
Now you can clip background styles like images, gradients, and overlays to text to create bold new styles for headings and other typography elements.
Now you can clean your interactions panel up by bulk selecting and removing all unused interactions and animations.
Our most commonly used elements and components are now keyboard and screen reader accessible.
A new Buy Now checkout option for your Ecommerce store lets your customers check out faster.
Templates are a great way to kick-start your new web design project, and we’ve completely redesigned our marketplace to improve your experience browsing and buying templates.
Now you can select multiple (or all) of your assets at once in the wide view of the asset manager to delete unneeded files faster.
You can now connect your Webflow Ecommerce store to Printful to get a print-on-demand store up and running fast.
Create a content schedule that works best for your business by scheduling new CMS items to be published at a specific date and time in the future.
You can now keep your Ecommerce orders synced in Shippo, easily create shipping labels, and automate order tracking for your customers.
You can now nest a ‘child’ collection list into a ‘parent’ to display categories, tags — or any referenced content — in your designs.
You can now create and manage discount codes, fueling marketing efforts for your Ecommerce store.
Now you can customize your designs for larger screens with 3 new device breakpoints at 1280px, 1440px, and 1920px.
Now you can change images, text, videos, and links in a single instance of a symbol without affecting others — making it easier to create and maintain recurring layouts across your site that have unique content.
Introducing the power of “or” collection filtering — plus, learn more about a new enhancement for CSV imports and exports, and discover ways to use collection and item IDs for simple no-code integrations.
Now you can browse and search for assets more easily with an expanded wide view option in the asset manager.
Conditional visibility has now been extended to support more Ecommerce use cases.
You can now: control who receives new order notifications, easily resend an order’s confirmation email, and preview email designs with your store’s products.
We’ve added a new tab to the Add panel filled with prebuilt layouts like hero sections, galleries, contact forms and more to help you get pages started faster.
Following up on our addition of object-fit support, now you can precisely control the position of images within parent elements using object-position.
Now you can preview, restore, and rename your site backups from the Designer, without needing to hop into the dashboard.
Now you can use the object-fit property to control how images resize within parent elements, giving you a more accessible and faster-loading alternative to background images.
Now you can create a faster, simpler checkout experience for items that don’t ship, like digital files and services.
As the first in a series of steps toward support for larger breakpoints, we’ve added controls that let you resize the Designer canvas and preview how your site looks on larger devices.
Now you can set custom easing curves for each step of your interactions, in addition to the existing preset options.
Maximize your long-form content by enriching it with third-party embeds, HTML, CSS or even JavaScript.
To reduce unexpected issues and confusion, we’re phasing out support for copying and pasting legacy interactions from one project to another at the end of this year. Interactions built with our current “2.0” system — launched in October 2017 — will continue to copy and paste as expected.
Get all the pieces you need to create a polished online store in Webflow, including 2 unique, ready-to-launch templates.
You can now offer another quick and flexible checkout option on your Webflow Ecommerce store.
Using a new Additional Info element in your Add panel, you can customize three new field types to collect any info you want.
Entrepreneurs in eight more European countries can now connect to Stripe and accept payments to their Webflow Ecommerce stores.
Now you can go fully custom with the design of your form checkboxes and radio buttons (with the option to switch back to the default styling at any point).
You can now add a unique set of images to each product variant using a new, default “More Images” field.
We’ve made a small change to how you access class states and view where styles are being inherited from. Check out our update for a look at the change.
With some help from Lottie, we’re bringing the power of After Effects to Webflow and unlocking a new realm of possibilities for animation on your sites.
Now you can find the assets you need faster by searching based on file name in the asset manager.
We added a new advanced text styling option (from the “white-space” CSS property) that lets you control how text flows within an element of a fixed width.
Now, you can not only find and disconnect CMS connections, but also jump straight to the connected page or element from the connections manager.
After two months of testing and feedback in beta, we’re now moving the navigator to the left side of the Designer for everyone.
Now you can right-click on a div block to convert it to a link block (and vice versa).
Drag and drop up to 25 images into a multi-image field in any CMS collection item or Ecommerce product to build and style dynamic galleries with ease.
Define grid template areas to reuse grid layouts with ease — and make sweeping changes to recurring layouts in a fraction of the time.
You can now connect the lightbox to your dynamic image and video fields, making it possible to create flexible galleries.
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.
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.
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.
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.
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.
Now you can drag and drop your collections in the Designer or Editor into whatever order you’d like them to display.
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.
Now when you duplicate projects, you can include settings like 301 redirects, publishing options, and integration settings.
Now when you open your site from the Designer publish modal, you’ll land on the page you’re viewing 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.
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.
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.)
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.
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.
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).
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.
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.
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.
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.
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.
Sync your ecommerce product catalog to Facebook, Instagram, and Google to run smarter ad campaigns and create more interactive social posts.
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.
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.
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.
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’ve added a new “compare-at price” field to your ecommerce products so you can highlight sale prices and showcase discounts.
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.
Now you can paginate collection lists, control how many items display per page, and style your own “previous” and “next” buttons.
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.
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.
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.
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.
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.