Updates
Create designs that flex based on Ecommerce product and order data
Create designs that flex based on Ecommerce product and order data
Conditional visibility has now been extended to support more Ecommerce use cases.
Better manage emails for your Ecommerce customers and team
Better manage emails for your Ecommerce customers and team
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.
Control image positioning with object-position
Control image positioning with object-position
Following up on our addition of object-fit support, now you can precisely control the position of images within parent elements using object-position.
Preview, restore, and rename backups from the Designer
Preview, restore, and rename backups from the Designer
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.
Simplify checkout for orders that don’t need shipping
Simplify checkout for orders that don’t need shipping
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.
You can now use custom code in rich text elements
You can now use custom code in rich text elements
Maximize your long-form content by enriching it with third-party embeds, HTML, CSS or even JavaScript.
Phasing out copy/paste across projects support for legacy interactions
Phasing out copy/paste across projects support for legacy interactions
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.
Meet Prospero: a free UI kit for ecommerce
Meet Prospero: a free UI kit for ecommerce
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.
Collect more info from your Webflow Ecommerce customers
Collect more info from your Webflow Ecommerce customers
Using a new Additional Info element in your Add panel, you can customize three new field types to collect any info you want.
Webflow Ecommerce is open for business in eight more countries
Webflow Ecommerce is open for business in eight more countries
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).
Showcase unique image galleries per product variant
Showcase unique image galleries per product variant
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.
White space property added to control text wrapping
White space property added to control text wrapping
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.
Quickly find and view CMS-connected pages and elements
Quickly find and view CMS-connected pages and elements
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.
Right-click to convert div blocks to link blocks
Right-click to convert div blocks to link blocks
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.
Reuse grid layouts more easily with grid template areas
Reuse grid layouts more easily with grid template areas
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.
Share a read-only link of your project from the Designer
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 projects in team accounts from deletion
Protect projects in team accounts 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
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.
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.
Include project settings when duplicating sites
Include project settings when duplicating sites
Now when you duplicate projects, you can include settings like 301 redirects, publishing options, and integration settings.
Open current page from the Designer publish modal
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
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.
Images in rich text fields now import smoothly from CSV
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
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.
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
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).
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.
Apple Pay and other Web Payment checkout options
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.
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
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
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
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.
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 making some changes to the style panel
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.
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.
Display sale prices by setting a compare-at price
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.
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.
Zapier and API support for ecommerce events
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.
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.
Experimental support for the Designer in Firefox
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.
Webflow Ecommerce is now in beta — for everyone
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.
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.
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
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.
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.
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
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.
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.
Now you can export your CMS Collections as CSVs to move content between sites or — if you must — between platforms.
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.
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.
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.
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.
Now you can set files as CMS Collection fields to add things like PDFs, DOCs, images, and more to a Collection item.
Now you can toggle the visibility of CMS elements based on fields of referenced items.
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.
Now you can add a reCAPTCHA field to forms to make sure your submissions are brought to you by certified human beings.
Publish your site without leaving the comfort of your keyboard: hit SHIFT + P to open the publish menu, then hit SHIFT + Enter to publish.
Now you can search in the Symbols panel, so it's that much easier to find just the right Symbol.
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.
Want to quickly pull up a page in the Designer from the pages panel? Now you can, with just a quick search.
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
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
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.
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.
Now you can build new sites faster by reusing common layouts, interactions, and more across projects.
Set a custom search result description field
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.
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
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.
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.
Want to style a link differently once it’s been visited? Now you can, using the new visited option in the states dropdown.
Now you can add search, customize your search results page, and even control the content in your search engine — all in Webflow.
Now you can quickly add pre-defined interactions and animations to your site with a just a few clicks.
We’ve added support for Interactions 2.0 across Symbols and Collection Pages — along with a bunch of other fixes and enhancements.
Now you can style the placeholder text in forms using the “placeholder” state on input fields.
Timeline-based animations. Parallax scrolling. Mouse-based microinteractions. Now in Webflow. Experience Interactions 2.0 today.
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.