The Key Features of Webflow App
Webflow has several key features which will be of use to the budding website builder. These include:
- A drag-and-drop website functionality for building pages
- An intuitive visual editor
- Responsive page designs and website design features
- Ability to work directly with the CMS data from Webflow
- A built-in eCommerce site
- Ability to work with reusable CSS classes
- Ability to work with Flexbox
- Ability to use any font and adjust it all from tracking to line-height
- Ability to define global color swatches and update color in seconds
- Ability to publish straight to the web
- Uses SSL and ISO 27018
- Integration of marketing tools, form data, and backups, plus many more
- Ability to export the code for downloading
- Ability to add your own code if you choose, using the code editor
- Ability to create scroll-based animations
- Ability to integrate Zapier
- Built-in SEO tools, for ease of use
- Updates are automatically backed-up
Utilizing all of the above, Webflow allows you to build a website that can be customized entirely to your requirements!
Additionally, Webflow generates cleaner code, which means your website loads faster and will rank better on Google. It also has enterprise-grade website security, and because it doesn’t use plugins, it’s less prone to being hacked.
Design Tool Features
As Webflow’s page builder specifically uses a drag-and-drop interface, you can add any elements onto your website. This includes videos, sliders, tabs, and images.
Drag-and-drop interfaces are particularly user-friendly, and Webflow’s contains all of the elements you could possibly ask for.
In addition, you have control over all of your own typography. This means you can use any font and customize it entirely!
The leading competitors on the market don’t allow this with set fonts you’re able to use, which already puts Webflow above them as a drag-and-drop interface.
The pages and elements have a responsive design, too. This ensures that whoever visits your site will have the best user experience, exactly as you designed it.
What about consistency with color? Well, you can define global color swatches, allowing you to change colors at a click.
Don’t fancy designing your website entirely from scratch? Webflow has a set of pre-made templates, which you can edit for your purposes. You can even create a ‘collection’—reusable content, stored in a database for the future.
Webflow also has excellent tools for accessible design, made especially for visually impaired users.
The designer analyzes the text color contrast, and will warn you if it’s not following the Web Content Accessibility Guidelines. It also has a vision preview mode, so that you can preview how it would look to visually-impaired visitors.
Once your ideal website is designed, you can either publish it directly, or download the code to publish elsewhere.
Webflow’s interaction tools provide a great deal of possibilities.
Interactions are the point of contact between the user and the interface when it’s met with a response, eg. clicking a button which opens a new window.
Webflow specifically calls their functions interactions tools; both these and any animations on your website are completely customizable with Webflow.
All interactions and animations are built visually with the drag-and-drop interface, making it extremely user-friendly and code-free- not to mention visually appealing!
That’s one of the best things about Webflow—it’s not only easy to use, but actually pretty as well.
Here are a few of the available interactions and animations, made easy with Webflow:
- Animations that build as you scroll, leading to a full image
- Scroll-based parallax animations (which can be linked to any element)
- ‘Reveal-on-click’ content
- Hover animations that reveal new content
There are 20+ pre-built animations available in Webflow, if you’re looking to just go ahead and build your site with a few clicks of the mouse.
You can also set-up interaction triggers, which allow Youtube control after-effect playback, as well as Lottie animations (a JSON-based animation file for vector graphic-based animations).
Content Management Tools
Webflow allows you to design and edit your content on the page live, and then publish directly from there.
The CMS is well-structured, and you can also add filters, allowing you to view certain fields and contents only.
There’s a minimal dashboard interface on Webflow, showing you only the aspects that you truly need to get on with designing, editing, and managing your site.
In fact, if you’re used to Photoshop or Adobe Muse, then the CMS for Webflow will look very familiar.
You can define your content and create custom fields for it. This makes it easier to differentiate between blog posts, team members, projects, and more.
In addition to all of the tools Webflow offers, there’s also a Webflow digital university knowledgebase, to make sure you know everything you need to know to get your website off the ground.
While there’s no phone or live chat support for basic users, you can use email, the official Webflow forum, or community portal for customer support.
It’s a different story for Workspace subscriptions, however, who are assigned a personal tech support manager for personal assistance.
Other CMS tools that are helpful:
- Build the search function from scratch, so you can display your context how you want it
- Add clients and team members to your team, allowing them to add content and make edits as needed
- Collaborate with team members in real time
- Integrates with Zapier, allowing you to integrate 750+ apps, without needing to use code
The eCommerce for Webflow is built directly into it. Simply activate your extension, and integrate your chosen shipping services to get it working!
As with the other design elements, you have complete control over how your eCommerce site looks.
You can also customize your customer emails, so that everything relating to your business and website is on-brand.
The various payment methods currently available for Webflow are:
- Apple Pay
- Google Pay
Bear in mind that all of these payment processing methods come with a Webflow fee, which starts at $29 (USD) for the basic eCommerce plan.
On the lowest priced plan, there’s also an additional 2% transaction fee per sale.
If you want users to be able to buy products directly on your site, you’ll have to go for the pricier premium plans. This fee is then on top of whatever else you need to pay for gateways and shipping.
When it comes to shipping, you can choose where you ship to and how.
Within Webflow, you can define your shipping rules and regions. When you’re ready to ship orders, the order management dashboard is user-friendly, and you can even integrate Zapier to print your shipping labels.
Webflow also understands the need to integrate marketing tools for eCommerce, as well as basic needs such as taxes, Instagram purchases, and more.
You can add between 500–3000 special CMS objects to your catalog too, depending on your eCommerce plan.
The best part about Webflow’s eCommerce, without a doubt, is that it’s all completely built-in from the get-go- meaning that you won’t have to worry about plugins that can cause compatibility issues over time.
It’s worth noting, however, that Webflow does not yet have a ready-made mobile app for eCommerce on the go.
The Pros of Using Webflow
- A great WordPress alternative
- Gives you the ability to create customizable websites without need to know or use any code (over 1,000 templates available, both free and premium)
- Easy to use drag-and-drop page builder
- Animations and interactions are easy to create and duplicate, without code
- Built-in SEO tools mean your website is always optimized
- You can make live edits on your site’s interface, then publish directly from there
- You can invite editors and collaborators to work on content
- Amazon Web Services (AWS) hosting means that it’s powerful and fast, so your users are unlikely to run into downtime issues
- SSL certificate is included
- No plugins or updates to worry about
- Sites built with Webflow display well across all devices
- Excellent knowledge base and high-quality learning materials in the Webflow University resource
- Automatic sales tax calculations for the US, Canada, the EU, and Australia
- Easy to build, style, and reuse forms.
The Cons of Using Webflow
- Steep learning curve, particularly if you’ve never built or designed a website before
- Webflow is more expensive and the pricing structure can be confusing, compared to WordPress
- The eCommerce kit is still in Beta, so not all features (such as POS integrations, discounts, coupons, selling subscriptions or digital products) are available yet
- Traffic limits are applied to plans
- Some understanding CSS and HTML will help you get the most out of Webflow
- You can’t switch templates
- No Webflow mobile app available yet
- The range of ready-made image galleries are limited, compared to other platforms
- No built-in cookie consent mechanism
- Many of the built-in integrations are third-party tools, rather than Webflow-specific
- No direct phone customer support, unless you’re on the Enterprise plan, or if you have a Workspace subscription
- Not suitable for particularly large websites (eg. more than 100 pages).
While you can sign-up for and begin building your website for free on Webflow, you’ll need to start a paid plan when you actually want it to go live.
Buckle in, because this is where it all starts to get a little complicated!
There are two plans: Site, and Workspaces.
If you’re planning on using Webflow to host your website, then you’ll need to opt for a Site plan.
However, if you’re using Webflow for design purposes, then you’ll need a Workspaces plan. In some instances, you may need both.
Site plans start at $14 (USD) per month annually. The next step up is the CMS plan at $23 (USD) per month annually, and then the Business plan at $39 (USD) per month annually.
Finally, the last option is the Enterprise plan, which is a bespoke service, tailored for each individual.
For a blog or other content-based site, you’ll need to opt for the CMS plan. Beyond this, you may also need to pay for a Webflow template, which costs on average between $49–$79 (USD).
You may also need to pay for an eCommerce plan, which starts at $29 (USD) monthly for the Standard package, $74 (USD) monthly for the Plus package, and $212 (USD) monthly for the Advanced package.
Realistically, on this plan, you could be looking to pay anywhere between $240–$450 (USD) annually for a Webflow plan with a premium template (and not including the eCommerce add-on).
Workspaces have two options: For in-house teams, or for freelancers and agencies.
All starter plans allow you to start building and designing for free, but after that you need to opt for the Core plan at $19 (USD) per month annually, or the Growth plan at $49 (USD) per month annually.
The Enterprise plan here, again, is a bespoke service. Freelancers are looking at paying $16 (USD) per month annually, and Agencies $35 (USD) per month annually.
For all of these plans, both Site and Workspaces, it’s important to note that if you don’t pay your annual fee in one lump sum and opt for the monthly option, you could be paying between 22–33% more.
As you can see, the Webflow pricing is not super straightforward at first glance. Make sure you take your time to go through it and understand all of the options before you make a decision!