Cookies on my Webflow site

What are cookies, and when do you need to add them to your site?

By

Camille

September 15, 2024

-

2

minutes of reading

🍪 Qu’est-ce que les “cookies” ?

D’un point de vu technique, les cookies sont des informations sur l’utilisateur, stockées sur le navigateur web, utilisés dans le développement pour plein de raisons différentes.

Depuis quelques années, nous les connaissons surtout car ils nous permettent d’enregistrer le consentement de l’utilisateur concernant la récupération de ses données personnelles à des fins de tracking ou pour des petites fonctionnalités avancées sur le site (langue d’affichage, favoris, panier, etc).

En théorie, tant que vous n’avez pas accepté les cookies sur un site, ce dernier ne peut pas enregistrer de données personnelles vous concernant, comme où est-ce que vous cliquez, combien de temps vous restez sur une section, etc.

Il y a de nombreuses législations autour de tout cela (peut-être que le terme de RGPD vous parlera), et elles changent régulièrement.

🤨 Ai-je vraiment besoin de cookies sur mon site ?

Beaucoup de sites font tourner des scripts, que ce soit pour des animations un peu poussées, ou des fonctionnalités plus évoluées que des simples contenus informatifs. Et tout ces scripts peuvent “tourner” sur votre site sans cookies, car ils ne récupèrent pas de données personnelles.

Là où il est important de demander le consentement de votre visiteur, c’est quand vous intégrer des solutions de tracking ou d’analyse (comme les pixels, hotjar, ou google analytics). Même si ces informations sont anonymisées et ne sont utilisées qu’à des fins personnelles de vous ou vos équipes dans le but d’améliorer votre site.

En cas de contrôle de la CNIL, l’amende peut s’élever jusqu’à 4% du chiffre d’affaire, mais il est important de noter qu’en fonction de la “gravité” de l’infraction et de la taille de l’entreprise, vous pouvez n’avoir qu’un avertissement. Google peut aussi sanctionner les sites en désactivant les publicités si les règles de la RGPD ne sont pas respectées.

‍

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) -->
<!--
5/5

Our clients say it best

We might not be the most objective judges of our own work,
but they certainly are.

Working with Codelius and Camille was a fantastic experience. Camille is a true expert with extensive knowledge and experience in Webflow. The collaboration was always on an equal footing and the communication was easy and fun. I really valued her initiative in providing feedback on design ideas and her intention to establish a solid color and component structure behind the design. I learned a lot from our collaboration and would choose Codelius again anytime.

Isabell H.

Senior Product Designer

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

Mathieu

CEO @ hyffen

Codelius are exceptional - professional, highly skilled, and genuinely driven to deliver outstanding results. They have been integral to the development of our site, bringing real value through advanced prototyping and thoughtful execution. We truly consider them an extension of our team.

Juliet Clark

Head of Product, BoxMedia

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 @ Search Party Capital

Camille is so good that I almost don’t want to recommend her — I’d rather keep her for myself. Everything was smooth, fast, and incredibly efficient. Clearly above my expectations, with a brief that she understood perfectly even though I provided very few details. A real gem.

Basptiste W.

CEO @ uRoot

[…] Codelius was able to meet this need by delivering fast and clean results. When we had more advanced requirements, […] they went beyond the technology itself to create a custom solution. They remained available and supportive, answering our questions and helping us take everything in hand.

Grégoire G.

CEO @ Albert School

From design to development, the result is exactly what we wanted, and it’s truly beautiful. We are thrilled with the project. On the development side — implementing the design — Camille showed remarkable patience and flexibility to ensure I obtained the pixel-perfect result I had in mind. Hats off to Camille.

Jeff

Manager @ Relookitchen

Camille is the person you need for your Webflow, Airtable, and other no-code tools projects. She is professional, attentive, and delivers work of excellent quality. I recommend her without hesitation.

Sébastien P.

Manager @ Professional Magician

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 @ Pipeline Solution

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 colleage. Hope to work with her again one day.

Adam M.

Operations Manager & BI Analyst @ Nordlux Australia

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 ?

Your questions, answered

Why shouldn't I just make an app with an AI builder instead ?

AI and Webflow aren’t magic solutions — they’re tools. Powerful tools, yes, but tools nonetheless.
At Codelius, we use both every day, not as all-in-one answers but as accelerators.
‍
If you want something reliable, scalable, and truly tailored to your business, humans still need to do most of the work.
AI can generate ideas, drafts, or components, but it cannot replace thoughtful architecture, UX decisions, technical consistency, or long-term maintenance.

In short: AI can speed things up, but human expertise is what makes a product last. We combine both — never one without the other.

Are you certified Webflow experts ?

Yes. Our team has been officially certified on Webflow since early 2022.

We continuously stay up to date with the platform’s best practices, new features, and evolving standards.
This allows us to deliver projects that are reliable and scalable, and to provide training sessions that reflect the most current, high-quality Webflow knowledge available.

How many people are on the Codelius team?

We are a small and nimble team of three Webflow experts. Each of us have our own specialties, including custom development, design and project management.

When needed, we also collaborate with a small network of trusted partner agencies and expert freelancers to handle specific technical requirements or high-volume periods.
However, your experience remains simple and streamlined: you will always work with one dedicated point of contact, and we take care of everything else behind the scenes.

How long does development take?

It depends on the scope of your project — the size of the site, the level of complexity, the animations, the presence of advanced features, and the materials you can provide (designs, images, brand guidelines, etc.).

But since “it depends” is not a satisfying answer, here are realistic timeframes based on the types of projects we handle.

‍

• Website with ready-made designs

Starting from 15 days of development.

• Website created with low-cost, AI-assisted design

Starting from 3 weeks (design + development).

• Website with professional, hand-crafted design

(Designed by a partner agency)

Starting from 1 month (design + development).

• Webflow web application (user accounts, custom features)

Starting from 1 week when built on top of an existing website.

More advanced features can extend the timeline to several months.

• Native or complex React applications

Designed and developed entirely from scratch.

Timelines are provided on a case-by-case basis, but rarely under 3 months from initial conception to production release.

‍

Every project has its nuances. The most reliable way to define a precise timeline is to tell us what you want to build so we can assess the scope and provide a clear, realistic schedule.