Plugins for your Webflow project and pricing details

By

Camille

June 8, 2024

-

10

minutes of reading

Whether your Webflow site is finished, or simply in preparation, if you want (or need) to know the possibilities you have in terms of adding functionality, and the costs involved, you've come to the right place!

Here we will detail the most common plugins we integrate into showcase sites, with the features added by each, the free alternatives offered by default with Webflow, and the costs to be expected πŸ™Œ

Please note that it is important to check with your Webflow expert before drawing up the initial development quote, as certain integrations can change the development time.

The basis: the Webflow Site subscription

When it comes to pricing your project, the first question to ask is: which Webflow subscription is right for me?

There are two main subscription families on Webflow:

  1. Site subscriptions
  2. Account subscriptions (workspace)

If you just want to build your site on Webflow, you won't need a Workspace subscription.

It's a mistake I often see, to take the subscription on both when it's not necessary.

Workspace subscriptions are more suited to development agencies, who will be handling a large number of sites at the same time, than to companies who will simply have one or more sites for their personal use.

‍

Here are the details of subscriptions on the sites:

Starter: $0

This is a free subscription, which is best used if you want to test Webflow, or during the development of your new site, so you can get a real online preview of what it will look like.

You won't be able to upload to the domain of your choice, and your site will remain on .webflow.io (for example: codelius.webflow.io).

So this is not a real option for production sites.

‍

Basic: from $14/month

If you want to put your site into production on your own domain, you'll have no choice but to pay the mandatory price.

This includes infrastructure updates and maintenance of your site hosting (not the site code itself) by Webflow, as well as file hosting for your site.

‍

CMS: from $23/month

Here we find the first new feature: the CMS.

The CMS is Webflow's database. It allows you to create new pages, based on a common template, by filling out a simple form with specific information.

The CMS is ideal for blogs, case studies, projects and even services.

‍

How do I know if I need a CMS?

The first question is: will all my pages have the same structure?

If so, then CMS may be a good option.

If not, you won't be able to use it in any case, so there's no point in considering this option in any case.

However, be sure to ask your Webflow developer for his opinion, because with the latest Webflow updates and a little custom code, the template pages can be different enough that your users won't notice the difference on their end, while still allowing you to take advantage of the simplicity of adding content offered by the CMS ✨

‍

The second question to ask yourself is: will I be adding new content on a regular basis?Β 

If the answer is yes, then you need to ask yourself whether you want it to be very quick or not.

If you don't want adding new content to be time-consuming, then I'd advise you to opt for the CMS. If not, perhaps this is an opportunity to save a little money πŸ˜‰

‍

Business: from $39/month

It offers a few additional features compared to the CMS, such as a form field for adding files.

The rest are just changes to the quotas of the other plans (more bandwidth, more visitors, more CMS elements, etc).

If you're wondering whether you need it or not, it's probably because the CMS plan is currently sufficient for you. In any case, when the time comes, you'll be able to upgrade to this subscription, paying only the difference in price πŸ˜‰ I'd really advise you not to bother, and to take the CMS plan.

When in doubt, it is also always a good idea to ask your Webflow developer, who may have more in mind advantages, disadvantages and needs of your site, and will be able to guide you in your choice πŸ™Œ

‍

Add Ecommerce options: from +$15/month

If you want to sell services or merchandise online, you'll need to take out a special, slightly more expensive subscription.

Once again, I advise you to turn to your Webflow expert to check that Webflow's options cover your needs, particularly in terms of delivery, which is very poorly integrated (for the moment) with European services.

I'm not going to detail the subscriptions exactly, but they range from $29/month to $235/month, depending on your needs, and you'll need to factor in potential transaction fees in the cheapest subscriptions.

In the case of ecommerce on Webflow, it may be worth considering integrations with Shopify 😁 We'll go into more detail in a future article πŸ˜‰

Note that if you wish to sell subscriptions and access to your site, it may be worth considering the integration of Memberstack, detailed below πŸ‘‡

‍

Integrations with social networks

If you want your feed :

  • LinkedIn
  • Instagram
  • Youtube
  • Facebook
  • ...

Or your opinion :

  • Google
  • Facebook
  • Tripadvisor
  • ...

... are automatically added to your site, without you having to do a thing. You'll need to pay between $5 and $20/month more, with third-party integrations.

Note that the latter can be cumulated between several sites, if you have more than one πŸ˜‰

I'm basing myself here on the Elfsight solution, which is the most advanced, and offers a good features/price ratio, including good appearance customization options.

Elfsight pricing details page

Free alternative solution

The free solution isn't automated: it's a matter of creating a CMS (which we mentioned earlier, the Webflow database) dedicated to posts from your networks, and every time you post new content, you'll simply add it to your site too, and in 5 mins, both will be up to date πŸ˜‰

‍

Advanced filtering solutions

Webflow lets you filter pages pre-filtered with its Basic subscription. If you have the CMS, the generation of these pages can even be automated πŸ˜‰

The disadvantage is that :

  • You can only have one active filter per page
  • That the page will reload every time you change the filter

At Codelius, we've developed an advanced filter plugin to go beyond these limits, even adding options such as :

  • Pagination
  • The infinite load
  • Pre-filtered urls (with one or more filters)
  • Choice of logical operators ("filter 1 and filter 2", or "filter 1 or filter 2")
  • Display the number of results for each filter
  • Hide filters with no results
  • And much more πŸ™Œ

If you're interested, please contact us to find out more.

This plugin is available for a one-time payment of 180€ HT (for one domain) ✨

Translation and localization

Weglot: The historic solution

For a long time the only option for translating your site, Weglot integrates perfectly with Webflow, allowing you to build the button to change language as freely as you like, so you can keep your visual identity.

It allows you to use either the sub-domain solution (en.codelius.fr for the English version and es.codelius.fr for the Spanish version, for example) or the sub-folder solution (codelis.fr/en and codelius.fr/es).

It also offers a "default" automatic translation in the language, allowing you in just a few clicks to have a site in another language without having to write your own texts ✨ You can of course integrate your own texts afterwards.

You can also integrate language alternatives for your files (images, for example), or other media and links - not to be overlooked for the user experience! Similarly, you can hide or display page elements (a discount, for example, or a specific form) according to the language chosen by your user.

Depending on the number of languages required and the number of words on your site, the price may vary. A €15/month subscription is most often required.

Weglot pricing details page

‍

The Webflow solution

At the end of 2023, Webflow released its own translation option at $9/month/language.

The offer is broadly the same as that of Weglot presented above, and has the advantage of being directly and completely integrated into Webflow, offering centralized management.

Customization of the appearance is also included, as is a semi-automatic translation proposal, which requires you to manually click on a button to translate a field in your CMS, or a text.

The small negative points of this new option are this semi-automatic translation (which is fully automatic with Weglot) and the fact that it is not accessible to people who only have editor access to the site(see our free training on access levels in Webflow).

Webflow localization addon pricing details page

‍

The free alternative

You may decide to save costs by duplicating your pages and storing them yourself in specific folders /en, /es, /fr, etc.

This option is not available if you have and use CMS template pages, and should be avoided on large sites (with more than 10 pages).

However, with development by a Webflow expert and proper use of Webflow components, it can be quite viable and easy to maintain over time 😁

‍

Account and user management

If you'd like to add user accounts to your site, to enable your visitors to log in and have a personalized experience, based on personal data (gender, age, interests, etc.) or subscriptions or products they've purchased (to make a training platform, for example) then I recommend the Memberstack v2 solution, which is very powerful and can be strongly integrated into Webflow.

You can easily hide or show elements of your site based on this information when the user is logged in, and also if they're not logged in πŸ˜‰

Be careful, however, about securing your sensitive data (see our next article: why memberstack CAN'T protect your data) if you have visitors who like to "tinker" and poke around sites, as they'll then be able to access your content.

You'll need to budget at least an extra $25 per month here, and transaction fees if you want to sell paid products. There will also be a potential aurpsè commission from Stripe, which handles the payment side of Memberstack.

Memberstack price details page

‍

The free alternative

Webflow offers password-protected pages. Each page has its own password, which is shared by all visitors, but which can be used to hide content from certain users.

Page protection is robust, and even if JavaScript is blocked, users won't be able to retrieve the content of the protected page, but the uniqueness of the password isn't very secure, so be careful not to put too much confidential data on it.

‍

Summary

Here is a small table to summarize the different prices you could get every month (or year, if you choose annual commitments) for your Webflow site once its development is complete.

Category Detail Monthly cost (approximate)
Webflow Site subscription Starter - Limited access, mainly for testing, not for production 0$
Basic - For production sites, including infrastructure upgrade 14$
CMS - Integrated database for content management +9$
Business - Advanced features, more bandwidth, visitors, etc. +15$
E-commerce options Specific subscription for online sales 29$ Γ  235$
Integrations with social networks (Elfsight) Automatically add social network posts to the site +5$ Γ  +20$
Advanced filtering Plugin for more complex filters on the site 180 (one-off payment)
Translation and localization Weglot - Integration for translation, with subdomain management +15/month
Webflow Translation - Translation option integrated into Webflow +$9/month per language
User account management (Memberstack) Integrated user account management system +25/month

Prenez <contact> avec nous

We love a challenge

//
Contact us
-
-
->
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({ Β google: { Β  Β families: ["Poppins:300,regular,500,700","Indie Flower:regular"] Β }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({ Β google: { Β  Β families: ["Poppins:300,regular,500,700","Indie Flower:regular"] Β }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({ Β google: { Β  Β families: ["Poppins:300,regular,500,700","Indie Flower:regular"] Β }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--

What our customers have to say

Admittedly, we're not very objective about our prowess,

but them... Yes !

The communication was always nice, considerate, and warm. Camille gave honest feedback on some of my ideas and suggested ways to improve them. She was always open to feedback and took it well. I also found the technical quality, project structure, and animations excellent.

Isabell Hergoz

Founder

Working with Codelius agency and Camille was actually made IT fun, not stressful. She has a unique combination of getting the high level design, giving experienced inputs, the French artistic touch and ability to implement low level custom solutions. At the end of the project I wished she was a collage. Hope to work with her again one day.

Adam M.

Operations Manager & BI Analyst

Camille and the Codelius team delivered exactly what we needed in a timely manner - she was a pleasure to work with and we look forward to working with them again in the future.

Tessa

Co-Founder

Camille is the right person for your webflow, airtable and other nocode projects. She's professional, a good listener and does high-quality work. I recommend her without hesitation!

SΓ©bastien Pieta

Manager

Great, we're super happy to receive the site so we can make the returns, thank you very much!

[...] At first glance, we're very happy!

Constantin R.

Co-founder

The advantages of working with Codelius: responsiveness, flexibility and rigor

Mathieu

CEO

From design to development, the result is exactly what we wanted, and it's really very beautiful. We're delighted with the project. On the dev side - setting up the design - Camille was superbly patient and flexible in making sure I got the desired result down to the pixel. Hats off to Camille!

Jeff

Manager

[...] Codelius was able to meet this need, offering us fast, clean results. When we needed something a little more advanced, [...] they went beyond technology to create a custom solution! They were always on hand to answer our questions and help us get the hang of things!

GrΓ©goire G.

CEO

Camille is so strong that I won't recommend her, I want to keep her all to myself ;p Super fluid, fast and devilishly efficient. Clearly above my expectations and perfectly briefed with very little to go on. A nugget!

Basptiste W.

CEO

Working with Camille was really easy. We used a Google Doc and WhatsApp and only needed one quick video call. I was very happy with the price and the quality of the site.

Chris Tyler

Founder

We've been certified experts by Webflow themselves since 2020. It's our tool of choice, with Webflow we can do wonders!

Most of our Webflows developments are based on a Figma model. It enables our customers to validate a design before conceiving it.

We partner with a web design agency to combine our know-how and offer our customers the best option for their wildest projects.

why?
how?

We answer your questions

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Contact us

Are you Webflow experts?

Yes! ✨

Camille, our head trainer, has been a certified Webflow expert since January 2022 🀩

Since then, she has continued to update herself with new best practices to make sure she trains you to the best of her ability.

How many people will be working on my project?

There are several of us in the company, and we each have our own specialities πŸ‘€

We will choose who will be in charge of your project depending on the requests you have, but in any case, you will never be in contact with more than two people, to avoid loss of information and time πŸ™Œ

Of course, if you request it, you will be able to meet the inner workings of the machine πŸ™Š

How many people work for Codelius?

There are currently two of us! A couple of entrepreneurs, united by the desire to do our best every day, but also to become the best versions of ourselves.

During your projects, you'll probably only be in touch with me, the site's little voice, aka Camille πŸ˜‰ Geoffrey prefers to stay in the shadows πŸ™Š

‍

Do you work well?

As best we can!

We are committed to providing quality and easy-to-use solutions for our customers over time πŸ™Œ

How long does development take?

The development time depends on the project you wish to carry out (size of the site, advanced functionalities or not, application, etc), and on the resources you are able to provide (models, images, logo, graphic charter, etc) ✨

But since we know that "it depends" is not a satisfactory answer, here are a few pointers to help you determine the duration of your project ✌️

  • Website project with mock-ups already created by a designer, simple arrival animations: approx. 15 days development time
  • Website project with designs created directly on Webflow: approximately 1 month of design and development.
  • Simple application (customer account and a few functions) with mock-ups already created by a designer: approx. 2 months' development time
  • Complex application (customer account and numerous functions) with mock-ups already created by a designer: approx. 4 months' development time
  • Simple and complex applications with designs created directly on Webflow: between 4 and 6 months' development time

The best way to find out how long your project will last is to contact us and tell us all about it , and that's over here! πŸ‘‡

‍