Webflow website pre launch checklist

Published on

22 Dec

2022

Read time

7 min

Before you hit publish on your new Webflow website, you’ll want to make sure your website is error-free and functioning correctly. From the moment you publish, your website should pick up traffic by making sure your SEO and marketing is ready to go.

We’ve compiled a prelaunch checklist that you can use to ensure you’re launching a sleek, beautiful and user-friendly website.

Responsive website

A responsive website design will ensure your site is mobile-friendly, looks good and functions well on small and large screens. Luckily, Webflow has seven built-in breakpoints (also sometimes known as media queries). This is the screen width at which your design will adapt to fit the new viewport. 

Webflow’s four pre-set breakpoints are:

  1. Desktop
  2. Tablet
  3. Mobile landscape
  4. Mobile portrait

You also have the option of adding an additional three larger breakpoints. These will accommodate larger screens, smart TVs, etc.

  1. 1280px
  2. 1440px
  3. 1920px

Styles adapting to a new breakpoint do so by cascading up or down, depending on the size of the screen, with the basic desktop acting as your central device (see diagram above). A simple rule to remember is that everything right of the desktop cascades down, and everything to the left of the desktop cascades up.

Before you launch your site you must check the functionality of your breakpoints. You can do this by clicking through each breakpoint at the top of the Designer.

Install SSL certificate

A secure socket layer certificate, or SSL, is the standard way of establishing an encrypted link between a web browser and a server. Sites without an SSL certificate are labelled as insecure and can be flagged by some browsers. Luckily with Webflow SSL is pre-built into your Project Settings. This means you don’t need to generate your own. To set up your SSL certificate, turn on the SSL switch in the Hosting tab of your Project Settings. Do this before you connect your custom domain to Webflow.

Once enabled, you will see the address of your website changes from http:// to https:// before the URL.

If your website SSL is not working, you can troubleshoot it before you launch.

Style guide & content

To create uniformity in your website, you should have a style guide used throughout. This will help ensure your brand identity is clear and recognisable. Each page on your website should share style elements that create a continuous user experience. 

If there is more than one person working on your website, it is a good idea to keep track of the style choices you have made so that new work can be done in line with your styleguide. 

Some basic elements to put in your style guide include:

  • Spacing - Is spacing consistent across your site? Are all elements well-defined and not cramped? This includes your margins and padding.
  • Colours - Are your colours uniform and in keeping with your brand’s identity? Is there a consistent and pleasing colour palette across your site? Luckily, with Webflow’s global swatches function, changing colours is simple and will ensure uniformity.
  • Fonts and Typography - Are your font choices harmonious? Where you have used italics or bold, is it consistent and necessary? Are your heading sizes uniform?

Your brand’s identity will also be reflected in your website favicon.

This is the icon that is displayed in the address bar of a browser or next to your site’s name in a list of bookmarks.

When checking style, you should also double-check your content for grammatical and spelling errors. Make sure all information is accurate and that contact details are correct.

Image optimisation

All the images you use on your website must be a manageable size and suitable for your content.

Images that are too big will slow your website down, and images that are too small will appear pixelated. 

Webflow’s responsive design will automatically adapt images according to the screen size. But, you must make sure the original image is of good enough quality that it will display well on even the largest screen. Generally, images with a width of 2000px for horizontal or 2000px for vertical pictures will display adequately across all devices without clogging up the site and slowing it down. This includes your logos.

Forms

Your forms are a great way to gather information on your users and generate sales leads. Before you launch, make sure they are functioning correctly. This means checking that the input settings of each box correlate with the label or heading. For example, if the section is marked as “Email”, make sure the box is set to “email”. 

Check the configuration of the form’s destination, is it set to go to your inbox or your CRM? 

Confirm the success and error messages. These are the messages that appear on screen after a user has completed the form. 

SEO is in place

Search Engine Optimisation (SEO) is the process of optimising your site for search engines. The better your SEO work is, the higher your site will rank when people search. Spending time on your SEO will make sure your brand stands out, and deliver high volumes of organic traffic to your site. 

Web crawlers comb through your website to establish a summary of the site on behalf of the search engine. This allows the search engine to know when to include a site in relation to a search. These crawlers look at certain aspects of your site to build an understanding of your content, so you can help them by optimising those aspects.

Some basic things to check in SEO before your launch include:

  • Semantic tags - This includes your heading tags (<h1> to <h6>), paragraph tags (<p>) and undefined and ordered lists (<ul> and <ol>).
  • Meta title - Ensure your meta title adequately describes your site, is under 70 characters and uses relevant keywords.
  • Meta description - In this short paragraph, you can describe your site in a bit more detail than the meta title. Ensure your description is under 160 characters (including spaces), uses relevant keywords and is interesting to a human. While web crawlers do scrape your meta description, the description’s role is more to encourage a user to open the site so your description must be appealing and well-written.
  • Image alt-texts - This is the description of an image for a user who cannot see the image. For users with visual impairments, this is a vital function of a website. But in addition to that, image alt-texts help web crawlers establish a clearer picture of your site, so your alt-text is important for SEO.

In addition to these aspects of SEO, you must also pay attention to your site’s social media presence. This means you must double-check your Open Graph Settings (OG) which is the process of extracting information from a site. When a URL is posted on a social media platform, either in a comment or as a post, the platform changes the URL into a preview of the webpage. To ensure this preview is accurate and appealing, you must choose your OG settings. This includes title, description and image.

Adding analytics

In order to keep track of your website’s performance, we suggest you set up an analytics account. A Google Analytics account is free and it is easy to link your account with Webflow. This will allow you to track website visitors, understand their demographics and target your marketing and SEO accordingly.

Testing the site

Once you’ve looked at the nitty grittys of your site, you can perform a final test. It might help here to have a colleague briefly look over your site to check for any bugs.

Once you launch, we recommend immediately going through the live site to check its functionality - are all links working, is it navigating easily, is it responsive and does it look good?

After you have launched, you should do regular checks to make sure the site is still working well.

Get in touch with us

If you’re in the market for a team of web development and design experts to take your business to the next level with a Webflow site, consider BOOST Design, a leading Webflow agency.

We are trusted web design and development agency, based in London specialising in creating eye-catching, functional websites using Webflow that are designed to attract and delight your ideal customers.

Contact us today for a quote.

Interested to know which platform is better, Wordpress or Webflow? Read our article today. Also, check out our blog for Webflow pricing plans.

Talk to our travel marketing experts today.

Ready to transform your travel brand's digital presence? Fill out our form to speak with our travel marketing specialists and embark on a journey to success.

Related articles.

Browse our latest articles related to marketing, strategy and design in the travel and leisure industry.

29 Dec

2022

WordPress VS Webflow: Which platform is better?

WordPress and Webflow are two of the most popular website-building platforms on the market today.

But which one is the best for your needs? In this post, we'll compare WordPress and Webflow, and help you decide which platform is right for you and your business websites.

Webflow is a powerful, yet easy-to-use, cloud-based platform that allows you to build custom websites without having to write a single line of code.

WordPress, on the other hand, is an open-source Content Management System (CMS) used for millions of websites globally and requires some knowledge of coding to get the most out of it.

Whether you're looking to build an eCommerce site for your online store or create a completely custom website, both WordPress and Webflow give you all the tools you need for creating websites and design customisation.

What is WordPress?

WordPress is a CMS that allows users to create and manage a website or blog. It is free, open-source software, making it a great option for those on a budget. There are also multiple premium plugins available, making it easier than ever to create eye-catching websites.

The blogging functionalities of WordPress are also great. The platform makes the blogging process seamless, allowing you to write, edit and publish your blogs directly to your WordPress site.

While WordPress does require some technical knowledge to set up and use, there are thousands of video tutorials, blog posts, and support forums available online to help you get started.

Designing a WordPress website

When it comes down to it, you can choose from many free or paid WordPress themes to create your website.

They're easy to use and customise, though the customisation of WordPress themes is limited to colours, fonts, sizes, and images.

Multiple plugins are also available to you to add any additional features to your WordPress site that aren't included in your chosen theme.

However, if you're after a completely custom site, you may want to look into hiring a web designer or developer to do it for you or train yourself up on how to do it yourself.

This is necessary because developers have access to the WordPress theme developer handbook, which equips them with everything they need to know about developing WordPress themes.

WordPress as an eCommerce platform

Setting up a store with WordPress is easy with the range of eCommerce plugins available to you. One of the most popular ones, WooCommerce, is free and known for being reliable.

WooCommerce is incredibly customisable, so there's almost nothing you can't do when designing the website for your online store. Use the available templates, or if you want something truly unique, you can opt to have a custom design made for you.

There are a multitude of paid and free extensions available for WooCommerce, so you can install everything you need to suit your needs, from shipping to payment processing and more.

What is Webflow?

Webflow is a powerful, yet easy-to-use website builder that allows users to create custom sites without having to write code.

Webflow is a drag-and-drop builder and allows you to create visually appealing, highly functional websites with ease.

Webflow is incredibly customisable, making it a popular web design tool many swear by.

Its intuitive visual editor makes customising your website appearance easy. Not to mention the platform's ability to publish straight to the web, Zapier integrations, and more.

Designing a Webflow website

When creating your Webflow website, you'll be given full control, which means you'll be able to use the visual page builder to design a website that fully services all your needs.

Because Webflow is a drag-and-drop builder, you can start with a blank canvas and easily drag and drop any elements you'd like to include on your website. These elements can range from sliders, images and tabs to background videos and more.

Webflow is also kitted out with a preview feature that allows you to view the web pages you design before you publish them to make sure that every user who visits your site will have the best user experience.

And, because all of Webflows' web pages are incredibly responsive, your users will be able to view them clearly on any device.

There are no restrictions on the type of fonts you can use with Webflow, unlike other website builders. This means that you may use any font you like and modify any aspect of it, from line-height to tracking, without difficulty.

It's also important to have consistency in your web pages, and Webflow makes it simple to maintain your website's consistency across the board. You can create global colour swatches in Webflow, which allows you to change every instance of colour on your website with a single click.

Webflow as an eCommerce platform

Webflow makes it a cinch to build your eCommerce website, market your items, and expand your business. You have complete control over what will be displayed on your Webflow online store.

Some website builders don't allow you to customise your checkout page, but Webflow does and makes it possible for you to create a checkout page that matches the rest of your website perfectly.

Additionally, you can customise any transactional emails that are sent to your customers and ensure they're totally on brand, personalised, and make your store stand out among the crowd.

With Webflow it's even possible for you to add custom animations and interactions that make your digital storefront unforgettable.

In terms of order management, Webflow's dashboard is simple to use. Once you're ready to ship out your orders, you can easily print out shipping labels using Webflow's Zapier integration.

Ease of use: Webflow vs WordPress

With Webflow, you can create custom websites without having to write any code.

WordPress, on the other hand, is a bit more complex and requires some coding knowledge to create your website with custom themes and WordPress plugins.

While Webflow gives you total freedom when it comes to design, WordPress is restricted by templates or can be coded from scratch if you have the technical know-how.

Another consideration is that Webflow code has a clean quality to it, while WordPress code can become cluttered due to its need for plugins. It's also easy to create bloated code with WordPress.

Another great thing about Webflow web design is that it allows you to make on-page edits to your website. Whereas with WordPress, you'll need to make use of and navigate through its dashboard and page editors to make any changes.

Features: Webflow vs WordPress

Webflow comes with everything you need to build a custom website, including templates, hosting, eCommerce capabilities and 24/7 support.

WordPress is a bit more bare-bones in terms of features, but there are thousands of plugins and themes available that allow you to extend the functionality of your WordPress website and create something that's truly tailored to your needs.

Key features of Webflow:

  • Drag-and-drop page builder functionality.
  • Intuitive visual editor.
  • Responsive page designs and web design features.
  • Publish straight to the web.
  • Work with reusable CSS classes and Flexbox.
  • Define global colour swatches and update every instance of colour in seconds.
  • Use any font and adjust everything from tracking to line height.
  • Export code for download.
  • Create scroll-based animations.
  • Zapier integrations.

Webflow has a vast range of features that all work in tandem to assist you in creating a fully customised website that meets every one of your needs, and you don't even need to be an experienced web designer to use it to its full potential.

Key features of WordPress:

  • Highly customisable designs.
  • Sites that are mobile responsive.
  • SEO-friendly sites, making it easier for your business to rank higher on search engines.
  • Incredibly secure.
  • Easy to use and accessible.
  • An amazing number of plugins (over 54,0000!)
  • Incredibly powerful media management capabilities.
  • A huge and vibrant community.

Pricing: Webflow vs WordPress

Webflow is a bit more expensive than WordPress, but it does offer a free 14-day trial. WordPress is free to use, but you'll need to pay for hosting and a domain name.

It's important to note though, that WordPress plugins can end up running high on cost, and the number of plugins you might need can severely impact the cost of using WordPress. This is especially true when it comes to the range of premium plugins on offer. Premium and pro versions of themes can also become costly.

Read our Webflow’s pricing plans.

Weighing up the benefits and downsides of Webflow VS WordPress?

Webflow is an ideal platform for those with no coding knowledge who want to create a fully customised website.

A WordPress site might be a better option if you're looking for something that's more budget-friendly or if you need a highly customisable site with specific features.

No matter which platform you choose, both Webflow and WordPress come with their own set of pros and cons. It depends on your needs as to which one is the best fit for you.

Let's take a look at each platform's pros and cons.

The pros of using Webflow:

  • Freedom to create completely custom websites without the need for coding.
  • Creating animations and interactions is easy.
  • The drag and drop page builder allows you to build and customise your pages, exactly the way you want to.
  • Websites are SEO (Search Engine Optimisation) friendly.
  • Directly edit your page and see exactly what it will look like before you publish it.
  • SSL certificate is included.
  • It's a powerful hosting platform with very little downtime for website visitors.

The cons of using Webflow:

When it comes to using Webflow, you may find that there's somewhat of a learning curve, especially if you're unfamiliar with development. This is why many businesses opt to employ a web developer skilled in Webflow to create their website for them, which can be costly.

Additionally, when compared to other development and hosting platforms such as WordPress, Webflow can end up being a little pricier.

The pros of using WordPress:

  • It's free to use. You'll just have to pay for hosting.
  • WordPress is completely customisable for web design, meaning that you'll have full control over your site and data.
  • You'll have thousands of extensions and WordPress plugins to choose from, making the possibilities to create an incredible website near-endless.
  • Because it's so widely used, there are thousands of integrations available for WordPress. So no matter what tools you use to run your business, there's a high chance they'll work well with WordPress.
  • WordPress allows you to create SEO-optimised, mobile-friendly websites. This means it will help your website rank well on Google.

The cons of using WordPress:

While themes and templates are easy for anyone to use, if you want a fully customised website that doesn't rely on the use of themes and templates, you'll either have to code it yourself or hire a web developer.

An additional consideration is that because you will own and be managing your WordPress website, you will be responsible for any updates and maintenance that will need to be done to the site.

This is not only a considerable time commitment but can prove to be incredibly stressful if ever your site goes down or requires maintenance during a peak time for web traffic. If this is an issue though, you also have the option to take advantage of managed WordPress hosting.

Questions and answers:

Can Webflow replace WordPress?

The short answer is yes. But, only in some circumstances.

WordPress does still have advantages over Webflow, but both platforms can be used to create beautiful, functional and profitable websites.

Is Webflow or WordPress better for SEO?

Both tools integrate Search Engine Optimisation seamlessly and will make it easier for your website to rank well on Google.

Is Webflow more secure than WordPress?

Because Webflow offers free SSL certificates and security on every site built using the platform, it is very secure.

WordPress is secure too, but not to the same degree, as it is open-source software.

Do professional web designers use Webflow?

Yes!

Webflow is a great tool for both professional and new web designers alike.

Can I transfer Webflow to WordPress?

Yes, you can.

There are many video tutorials and blog posts available to help you do this in just six steps.

Is Webflow better than WordPress?

The answer to this question depends greatly on your needs and budget.

Are there plugins for Webflow?

Yes.

There are hundreds of plugins, widgets, and integrations to choose from to make your website shine.

Is Webflow worth learning?

Whether you're looking to create your own website, or are venturing into web design, Webflow can be a valuable tool to learn.

It can enable you to take your business online, create an eCommerce site, and kickstart your career as a web designer.

The verdict on the Webflow VS WordPress battle:

Overall, when it comes to customisation, Webflow is unrivalled. If you need a completely unique website that reflects your brand perfectly, then Webflow is the way to go.

However, if you're working with a tight budget, a WordPress website might be a better option as it has a range of free themes and plugins available (though there are paid options that can vary greatly in cost).

So, go ahead and explore both Webflow and WordPress to see which one is the best fit for you!

Reach out to us

If you're in the market for a team of web development and design experts to take your business to the next level with a Webflow site, consider Boost, a leading Webflow agency.

We are a trusted web design and development agency, based in London specialising in creating eye-catching, functional websites using Webflow that are designed to attract and delight your ideal customers.

Contact us today for a quote.

Read our article about the Webflow pre launch checklist.

Hiring a web designer? Read our article to understand what you need to look at before making a decision.

8 Dec

2022

Webflow pricing explained - What is the right plan for you?

Understanding Webflow’s pricing can be difficult. With more than 12 plans to choose from, choosing the right plan for your project or business might be tricky. So we’re breaking down Webflow’s pricing system to help you make an informed choice on which Webflow plan will best serve your needs.

Webflow’s pricing is broken down into two categories of plans: namely, Site Plans and Workspaces. Simply put, Site Plans are hosting plans and enable you to connect a website to a custom domain. These sites are hosted by Webflow and vary in storage and traffic limits. Workspaces, formerly known as Accounts, allow you to build your website using Webflow. Workspaces allow you to work on multiple projects and stage your websites to share with clients. 

Is Webflow free? Can I publish my website for free?

Webflow offers a free Site Plan and Workspace designed to help you learn the platform and system. The free Site Plan will let you publish a website using the webflow.io domain, but if you are after a custom domain you will need to buy a Site Plan.

Likewise, the free Workspace plan is ideal for those needing to learn their way around using Webflow to build websites. 

Is Webflow expensive?

The short answer is that Webflow is not expensive. While the monthly or annual costs of a Site Plan and Workspace can seem daunting, Webflow prices are all-inclusive and include no hidden costs. 

Where other development tools offer free or very cheap plans, the price of adding more advanced tools to your website, more storage, and the ability to handle higher traffic is often over and above your plan price and therefore drives up your total spend. 

For example, one of Webflow’s largest competitors, WordPress, on the surface, appears cheaper than Webflow. However, anyone familiar with WordPress knows that to add functionality beyond a basic level, you will likely need premium versions of plugins and themes. These are paid for individually, adding up to a much larger amount spent on building a website than an all-in-one solution such as Webflow.

So, when asking yourself “how much does a Webflow website cost?” you can rest easy knowing the price you see on your screen is what you will pay - there are no hidden costs or later additions.

Webflow pricing plans

Site plans

These are hosting plans provided by Webflow and they allow you to connect to a custom domain. Webflow has eight Site Plan options under the General and Ecommerce categories.

General site plans

Free site plan

Within this plan you will be able to publish a website on Webflow’s webflow.io subdomain. This site can have up to 50 CMS records and 50 form submissions over its lifetime. Additional forms can be added at a cost of $1 for every 100 forms submitted. 

Basic plan

This is the most basic paid-for hosting option on Webflow. It is $14 a month if billed annually and allows you to connect to a custom domain. You are allocated 50GB of bandwidth and your site can handle 500 form submissions a month. 

CMS plan

Under the Webflow CMS Plan, your site is allocated 200GB of bandwidth and you are able to collect up to 1000 form submissions a month. You are allowed up to 2000 records in your CMS database. You have the ability to grant access to three guest editors. 

Business plan

At a cost of $39 a month when billed yearly, and offering you much larger bandwidth at 400GB, this is the best plan for a website expecting to see high traffic. With up to 10 000 records in your CMS database, and allowing 2500 monthly form submissions, the Business Plan will be able to handle large numbers of unique daily visitors. You are also allowed up to 10 guest editors.

Enterprise plan

For a totally customised plan to meet your needs and traffic, Webflow will allow you to create an Enterprise Plan that best suits you.

Webflow ecommerce pricing

Standard ecommerce plan

Under this Standard Plan you are allowed to add up to 500 items for sale including all products, variants and categories. A 2% transaction fee, over and above that added by Stripe or Paypal, is added in this Standard Plan. You are granted a $50 000 annual sales volume limit. This plan also gives you access to everything included in the CMS Site Plan. This plan costs $29 a month when billed yearly.

Plus ecommerce plan

Under the Plus Plan there is nothing added to your transaction fees by Webflow. This plan allows for $200 000 annual sales volume and also includes access to everything in the Business Site Plan. The Plus Plan costs $74 a month, billed annually.

Pro ecommerce plan

Best suited for large ecommerce businesses, this plan has no limit for sales volume and allows up to 15 000 ecommerce items. Included with this plan are all the features in the Business Site Plan. The Pro Plan costs $212 a month if billed annually.

Workspaces

Under the Workspace banner, Webflow offers seven plans of varying cost and abilities. First, there are four options for in-house teams. This is best suited for companies with teams of developers and designers looking after their website. The second category, freelancers and agencies, is best suited for those developers who have multiple clients.

All Workspaces automatically come with the following items:

  • Unlimited hosted sites
  • Ability to upload custom fonts
  • Customised client billing
  • Basic staging capabilities
  • More than 100 free templates
  • Global fonts
  • Reusable elements

Starter plan

This is a basic free option. In this Workspace, you are given a single seat. This is the spot occupied by a team member in your Workspace. The Starter plan gives you two unhosted sites - these are sites that can be published to webflow.io subdomain. This plan is free forever, you do not need to worry about providing credit card details up front or temporary trials running out. 

Core plan

This plan costs $19 per seat a month (when billed yearly) and provides you with three seats and the option of 10 unhosted sites. Under the Core Plan you have the ability to add custom code and script to your site. The Core Plan allows you to export clean HTML and CSS files. 

Growth plan

The Growth Plan costs $49 per seat per month when billed yearly. In this plan you are allowed up to nine seats and an unlimited number of unhosted sites. The Growth Plan also gives you the ability to control on a site-by-site basis which teammates can publish.

Enterprise plan

This option is best suited for businesses wanting full access to Webflow’s capabilities with unlimited seats and unhosted sites. For more information on Webflow Enterprise pricing, we recommend you contact Webflow directly who will customise your plan for you.

Freelancer plan

Costing $16 per seat a month if billed yearly, the Freelancer Plan gives you access to up to three seats and allows 10 unhosted sites on webflow.io subdomains. On this plan you are given full CMS access on unhosted sites, allowing you to build sites using Webflow’s advanced CMS functionality. 

Agency plan

This plan costs $35 per seat a month billed yearly and, similar to the Freelancer, gives you access to Webflow’s full CMS functionalities. The Agency Plan allows up to nine seats and unlimited unhosted sites. You will also have the ability to control which team members can publish to production. As with the Freelancer Plan, the Agency Plan allows you to grant access to guests. 

Granting guest access

Most recently, Webflow has added the functionality to allow developers using a Freelancer or Agency Plan access to a client’s Workspace, for free! This means that clients and developers do not need to share login details in order to have access to the project. It also means you do not have to pay for extra seats each time you have a new person working on the project. This new function is available to customers on any Workspace Plan, provided the person they are inviting as a guest is on a Freelancer or Agency Plan. Future developments from Webflow will include the ability to grant these guests access to certain projects only, further streamlining the client-developer relationship.

What is the right Webflow plan for me?

The beauty of Webflow is that there is no shortage of options to suit your needs. For those just starting out, the free Site Plan and Workspace will allow you to learn your way around the system.

For small businesses or for a new business that is still growing its customer base, the Basic Site Plan or Standard Ecommerce Plan for sales is ideal. This will allow your website to handle an adequate volume of traffic for your needs. 

Medium-sized businesses should opt for the CMS or Plus Ecommerce Site Plans, which will best match their growth. Large businesses, and those handling a large number of enquiries should consider the Business SIte Plan or Pro Ecommerce Plan. These are ideal for companies fielding large volumes of sales, or content-rich sites such as a blog or news site.

For developers, Webflow’s Workspaces provide an array of options on which to work. The Starter Plan is ideal for someone trying Webflow out for the first time who needs to get a sense of the platform and its capabilities. The Core Plan is ideal for small teams who want to have more control over their website design. The Growth Plan is perfect for larger teams who need more advanced permissions and are working on more projects.

Freelancers and agencies are directly catered for and will find the Freelancer and Agency Plans sufficient for their needs.

Do you need help with your next website project? Ask Boost, a leading Webflow agency.

Read our article about the Webflow Pre Launch Checklist.