Updates
Symbols back in a list view
When we moved Symbols over to the Add panel last month, we also changed the design to feature Symbols in a grid. But that made it hard to read longer symbol names. So we fixed that.
Email and phone CMS fields
Per-page password protection
All sites with a hosting subscription can now set passwords for static pages and folders — and you can customize the design of your password page too!
CMS API
The Webflow CMS REST API is open for business! Now you can add, update, and delete Items from Collections programmatically, right from your terminal.
SSL for everyone
Now everyone can enable SSL for their Webflow hosting, so you can keep your site secure and your SEO optimized.
Chrome and Safari made some updates that caused some trackpad gestures in the Designer to navigate backwards, which was annoying. So we fixed that.
Adding Symbols to your site from the right side of the Designer has felt a little strange for some time now, so we moved Symbols over to the Add panel, on the left of the Designer. We also made some tweaks to creating and unlinking Symbols.
Set up two-factor authentication for Webflow
Now you can add an extra layer of security to your Webflow account by setting up two-factor authentication.
We bumped the character limit for custom code from 5,000 to 10,000, which should help with Shopify’s updated embed code — and a whole lot more.
Expanded special character redirects support
Now you can redirect old URLs with question marks (?) and equal signs (=) to another path, making it easy to migrate old sites with complex URL structures.
Some of you were seeing broken images on your exported sites when your file names had special characters, so we pushed a fix for all of that.
Rich text editor tweaks
We've made a few tweaks (and bug fixes) to the writing experience in the rich text editor that should make your life a bit easier, including new behavior with spaces and empty paragraphs.
Responsive images
Webflow automatically scales and optimizes inline images for every device size, at every resolution.
Generate dummy CMS Collection items
Want to speed up your design process with some lorem ipsum? Now you can generate dummy CMS items for new empty collections.
More powerful Bezier curve controls for CSS transitions
Ever wanted to get super precise with the Bezier curves of your CSS transitions? Well, now you can with a whole new way to customize these animations.
We've made a few tweaks under the hood to improve speed in the Designer (especially for sites with a large number of styles). Adding and deleting elements, adding styles to classes, and several other core operations should now work a lot quicker.
SEO and OG settings removed from Site Settings
Duplicate SEO metadata values are not the best idea for ranking in search, so we’ve removed these from your global Site Settings. For the best SEO, set unique titles and descriptions for each page of your site in the Designer's Pages panel.
Google Maps changes
Earlier today, Google Maps made some (unexpected) changes that broke map components for some sites. But fear not! We pushed a fix, and once you republish your site, your maps will be up and running again. Read on for more details about how this change will affect map usage going forward.
Ever tried to create a draft in the Editor without all the required content, only to be told you can't? Well, that's no longer a problem. As of today, you can create drafts with all the missing content you want, as long as it has a Name. Makes sense, right?
Use all the ácçêñts!
We noticed some of you were having issues adding accents to your text and rich text elements, so we fixed that. Now you can use all the ácçêñts again!
Buy domains from Google Domains, right inside Webflow
Need a custom domain for your website? Now you can buy one directly within Webflow, thanks to our friends at Google Domains. No need to mess with DNS, CNAMES, A-Records, or any of that technical stuff.
Add CSS filters to anything
Create beautiful effects by adding one or more of 8 CSS filters to any element of your Webflow websites inside the Designer.
Renaming classes no longer breaks your interactions
If you've ever created an interaction with Webflow, then had to change the class name of an element that interaction affected, you might've had a nasty surprise: a broken interaction.
So we fixed that: from now on, when you change a class name, any related interactions will update automatically. So long, broken interactions!
Page Settings in the Editor
To date, creating and updating SEO, Open Graph, and RSS settings has been a designer’s job—insofar as you can only manage those key settings inside the Webflow Designer.
Today, we’re happy to say that’s no longer the case.
Because now you can access SEO, Open Graph, and RSS settings for all your static pages, Collections, and Collection items—right inside the Editor.
Review form submissions in the Editor
If you have Webflow CMS hosting, you, your clients, and other Collaborators can now review incoming submissions from your website's forms right inside the Editor panel—plus download the whole list in a handy CSV file.
RSS feeds for CMS Collections
Create an RSS 2.0 feed for any of your dynamic content Collections so people can subscribe to your content via reader apps like Feedly. You can also automate your email newsletter via MailChimp or set up RSS "zaps" with Zapier using your RSS feed URL.
Flexbox
Webflow gives you a more powerful and intuitive way to build flexible, responsive layouts with CSS3’s flexible boxes.
Like it says in the headline: blockquote elements can now dynamically pull in any of your Collection Fields' content.
A faster, simpler custom code editor
We had the technology. So we rebuilt it. We made it better, faster, stronger. Ok, maybe not stronger. But definitely faster.
No more faux-empty elements!
Every once in a while, when you were working with elements in Dynamic Lists, they'd jump around the canvas, or look empty even when they weren't. Thankfully, we can put that weirdness in the past tense now.
No more jumping rich text fields
So ... this is embarrassing. But for a while there, you'd be working in the rich text field, creating some awesome content, and you'd go to add a link or something and—blam!—you'd jump to the top of the Editor window. So weird. Gone now.
Sometimes, you hit a point in the design process where you just want to step back to square one—to clear out all your changes and start fresh with your template or cloned site. That's why, from now on, you'll always see the original design as an option in your site backup list.
One-click Collection Item duplication
Sometimes, you just need a few Collection Items to test a layout idea. Which used to mean laboriously copying and pasting content from one Item to another. But now it just takes a click!
Background videos
We revamped the Webflow Template Marketplace to take advantage of Webflow CMS's dynamic content capabilities.
Plus, you can now open any Webflow template in the Webflow Designer so you can get a better sense of its features and how it was built—before you buy it!
If you have a Webflow Pro plan or higher, you can now whitelabel your sites' JavaScript files, replacing instances of "Webflow" with the name of your site.
For awhile there, fonts from Google Fonts, Typekit, and your custom uploaded fonts weren't displaying correctly. Which was weird. I mean, how are you supposed to design for the web—which is, as they say, 95% typography—without proper font previews?
So yeah, we fixed that.
Viewport-based units are super handy for responsive design, and while we've supported vh (viewport height) and vw (viewport width) for awhile now, we didn't support viewport minimum and maximum settings. So we added them. Handy, right?
Clearing out a style in Webflow can be a bit of a chore — especially when you’ve set values for a dozen properties or more. Well, it used to be a chore. Because as of today, you can zero out a style with nothing more than an Alt/Option+Click.
Fixed lightbox video URL bug
So for a bit there, if you went to edit, copy, or otherwise interact with the URL field for a video in a lightbox, the URL field would show up blank. Even though you could see the video URL right there in the lightbox settings! So we fixed that.
Spellcheck returns to the Webflow Editor
Every rich text editor needs spellcheck. We knew that when we launched Webflow CMS and its on-page Editor. But for awhile there, our code forgot. Then we reminded it. And now those delightful red dots underlining misspelled words are back to haunt your nightmares, editors. Enjoy!
We'll admit it: we got a little overexcited when we added the Option field—the first new field for Webflow CMS since its launch. So excited we forgot to make it work with conditional visibility (which lets you show or hide content based on conditions you set). Then the dust settled, and we added conditional visibility support.
Background color overlays
Now you can quickly and easily add a solid or transparent color to the background of any element — which is great for increasingly the legibility of text overlaid on images.
Precise number field formatting
Specify how number fields in your CMS should be formatted, with the option to only accept whole integers or allow decimals of up to 8(.00000000) places.
Customize form email reply-to address
In the Forms section of your Site Settings, you can now customize the reply-to address of your form notification emails, or dynamically select a reply-to address based on information your users have provided.
Easily switch between the Editor and Designer
Add content and design faster! Now you can easily hop from the Editor to the Designer (and back again) without having to navigate to your Site Settings.
Choose a timezone under your Site Settings to improve date/time-related features of your dynamic content, including relative date filtering. This will also update any date/time-related elements of your existing dynamic content.
Add up to 20 Dynamic Lists per page
Some of you ran into issues when trying to add more than 10 Dynamic Lists to a page, so we changed the limit to 20.
Do basic math in the Style tab
Randomize your Dynamic Lists
Password resets in the Editor
Everyone forgets passwords these days, but have no fear! Now your clients can request password reset instructions directly from the Editor.
Embeds for popular video and media links in rich text elements
Now it's easy to embed over 300 types of video, music, and other multimedia links within rich text elements. Simply select the media type, paste in the link, and Webflow handles the rest.
Sorting through your CMS collection items just got a whole lot easier! Quickly pull up a collection item by searching for it within the collection, or sort items by any field you choose.
Want to add a "featured" flag to a certain blog post? How about an "on sale" banner for your most important ecommerce products? Now you can automatically set these display conditions based on fields in your CMS collection items, making it simple to highlight (or hide) items without having to customize the design for individual elements every time.
Dynamic SEO and Open Graph (OG) settings
Forget writing meta titles and descriptions for every one of your blog posts. With Webflow, you just create a template for your SEO tags to follow, and we'll automatically generate search engine-friendly titles, descriptions, and Open Graph content.
3D transforms and animations
Add a whole new dimension to your website designs with the first tool that lets you create 3D CSS transforms — without writing code.
CMS whitelabeling
Replace the Webflow logo in the CMS with your logo, or your client's if you have a Professional or Team plan.
Right click menu in Designer
Now you can right click within the Designer to copy/paste an element, jump to an element's settings, select a parent element, and more.
Add Option field to CMS items
Sometimes it's best to restrict the content for a certain field to a set of options, say, for example, with categories. So now you can.
Add lists to rich text elements
Bulleted or numbered, long or short, now you have the power to add lists within your rich text elements.
You asked, and we delivered. Now you can filter a Dynamic List by Multi-Reference items to list content with a specific tag, attribute, or more.
Filter Dynamic Lists by date
CSS cursors
Click, grab, move, zoom, resize, and much more. Customize your cursor based on the element you're hovering over.
Now you can filter Dynamic Lists by a specific range of items, not just a specific amount. This works great for setting custom pagination across your site pages.
Break your text into columns
A massive wall of text can be a pain to work with or look at. Now you can break your text into columns and have that content flow around images, headings, and more.
Drag and drop to rearrange Collection fields
Rich text
The most flexible component for content, rich text lets you and your content editors: create long-form text content; style that content with headings, bold, and italics; create bulleted and numbered lists; and embed images and video.
Dynamic content templates
When you create a Collection, Webflow automatically generates a template page so you can design how that content displays. Then that template gets applied to every item in the Collection — letting you create hundreds or even thousands of pages — at once.
Dynamic content filtering and sorting
Easily filter dynamic content to display featured content or all blog posts on a particular topic. Or use sorting to display content from a specific date range, by alpha, and more.
Webflow CMS gives you the power to define your content and its structure however you'd like with over a dozen field types.
Intuitive website editor for clients and teams
With Webflow CMS, there's no need to learn a complex backend. Just open your website, log in to the CMS, and start updating text and images — right on the live website.
Powerful related content tools
Easily create "related posts" modules for your blog, guide users through in-depth tutorials, surface related help content and documentation, and build modular pages that highlight content from across your site.
Auto-generated XML sitemap
When the search spiders start crawling, they like to have a sitemap. You know, so they know where they're going. That's why Webflow automatically builds one for you.
Open Graph (OG) settings
Improve your content's performance on social media by defining your page's Open Graph title, description, and image.
Asset management made easy
Upload all your website’s graphic assets, then drag and drop them in place. It’s kinda like having Dropbox right inside your design tool.
Blazing-fast load times
When a website's slow to load, visitors bounce. That's why Webflow offers the fastest hosting on the internet via our Tier 1 Content Delivery Network, Amazon Cloudfront, and Fastly.
Zapier integration
Webflow's integration with Zapier lets you connect your website's forms with tons of other apps designers use every day, including Slack, MailChimp, and Asana.
Share your work
Every Webflow account comes with a public design portfolio and profile where you can highlight your latest and greatest work, list your skills, and link to a personal website.
Free cloneable websites from the Webflow community
Let others clone your latest website design — or clone and tweak others' work to kickstart your next site.
Showcase your designs
Build your personal brand and reputation in the Webflow community by sharing your latest and greatest websites.
Custom 301 redirects
Every time you change a page's URL, it's vital that you redirect the old URL to the new one. That way, you get to keep the old URL's SEO juice (and don't have to hit users with a 404 page). And Webflow makes it easy.
Password protection
Don't want the world to see your next beautiful website just yet — or even just a single page? Set up password protection on your entire Webflow site, or a single page, with a single click. Then design your password page to match your site to a T.
Dropdown menu
Lightbox
Create immersive full-screen displays for your photos, graphics, and videos. Link several lightbox components together to create engaging galleries.
Whitelabel form submission emails
Put your brand — or your client's — front and center in form submission notification emails.
Over 2,000 web font families
Use any font from Google and Typekit’s vast collections, or just upload any font you own or have the right to use.
Tabs
Webflow's tabs component offers an easy and elegant way to build navigation, compactly display content, and much more.
Kickstart your design process with a free or premium responsive website template built by us or one of our trusted designers.
Turn repeating design elements (like buttons) into Symbols you can place with a click. Need to make a change? Just edit the Symbol once, and it'll update across your site.
Design interactions without code
Easily add complex interactions and animations to your site, without even looking at JavaScript.
Custom 404 pages
Helping your customers recover from a 404 (page not found) error is key to creating a good user experience. That's why we let you create a custom 404 page design. Just create a page with the slug "404" to get started!
MailChimp integration
Building a responsive navbar can be a painstaking time-suck. That's why we built a mobile-ready nav you can just drag, drop, and quickly customize.
HTML/CSS sliders and carousels
Webflow's slider component makes it easy to create a stunning carousel of images, content, and more.
Simple social sharing
Make it easy for people to share your content and connect with you on Facebook, Twitter, and Google+ with our customizable social components.
Interactive Google maps
Just drag and drop our interactive Google map component wherever you want it, then enter your address in the component's settings.
Customizable forms
Our forms contain all the elements you need, and they're infinitely customizabile. Plus, they're easy to integrate with MailChimp and Zapier to help you automate your list building.
When it comes to web publishing, the last thing you want to do is launch unapproved content, or functionality that breaks your site. That's why we give you a staging site on webflow.io. Publish with confidence. Design without fear.