Updates
More powerful Bezier curve controls for CSS transitions
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
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.
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?
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!
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.
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
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!
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.
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.
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.
Webflow gives you a more powerful and intuitive way to build flexible, responsive layouts with CSS3’s flexible boxes.
Bind blockquote elements to Collection Fields
Bind blockquote elements to Collection Fields
Like it says in the headline: blockquote elements can now dynamically pull in any of your Collection Fields' content.
We had the technology. So we rebuilt it. We made it better, faster, stronger. Ok, maybe not stronger. But definitely faster.
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.
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.
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!
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.
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.
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!
5 reference fields for Webflow CMS Collections
5 reference fields for Webflow CMS Collections
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.
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.
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.
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
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.
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.
Everyone forgets passwords these days, but have no fear! Now your clients can request password reset instructions directly from the Editor.
Embeds for popular videos and media in rich text elements
Embeds for popular videos and media 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.
Search and sort collections in the Designer and Editor
Search and sort collections in the Designer and Editor
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.
Conditional visibility for dynamic site elements
Conditional visibility for dynamic site elements
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.
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.
Add a whole new dimension to your website designs with the first tool that lets you create 3D CSS transforms — without writing code.
Replace the Webflow logo in the CMS with your logo, or your client's if you have a Professional or Team plan.
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.
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.
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.
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.
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.
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.
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.
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
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.
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.
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.
Improve your content's performance on social media by defining your page's Open Graph title, description, and image.
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.
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.
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.
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.
Let others clone your latest website design — or clone and tweak others' work to kickstart your next site.
Build your personal brand and reputation in the Webflow community by sharing your latest and greatest websites.
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.
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.
Create immersive full-screen displays for your photos, graphics, and videos. Link several lightbox components together to create engaging galleries.
Put your brand — or your client's — front and center in form submission notification emails.
Use any font from Google and Typekit’s vast collections, or just upload any font you own or have the right to use.
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.
Easily add complex interactions and animations to your site, without even looking at JavaScript.
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!
Our MailChimp integration lets you automatically build your email subscription list.
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.
Webflow's slider component makes it easy to create a stunning carousel of images, content, and more.
Make it easy for people to share your content and connect with you on Facebook, Twitter, and Google+ with our customizable social components.
Just drag and drop our interactive Google map component wherever you want it, then enter your address in the component's settings.
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.