Slater est un éditeur de code en ligne pensé pour les sites Webflow, édité par l'agence Edgar Allan. On y écrit le JavaScript et le CSS d'un site, rangés en fichiers, avec un assistant d'IA pour aider à écrire. Une seule balise posée dans Webflow charge le projet sur le site publié.

Slater est-il gratuit ?

Slater propose un essai gratuit, puis fonctionne par abonnement. Les conditions évoluent : on vous dit lesquelles s'appliquent au moment du projet, et qui garde le compte à la livraison.

Slater ou le code collé dans Webflow ?

Pour trois lignes sur une seule page, le champ de code de la page Webflow suffit. Dès que le code grossit, Slater est plus sain : le code collé dans Webflow est limité en taille, éparpillé entre les pages, et chaque correction oblige à republier le site. Avec Slater, on corrige le fichier et on publie la version.

Faut-il savoir coder pour utiliser Slater ?

Oui, c'est un éditeur de code : on y écrit du JavaScript et du CSS, même si son assistant d'IA aide à démarrer. C'est notre travail ; de votre côté, il n'y a rien à ouvrir ni à installer, le site charge le code tout seul.

Slater fonctionne-t-il avec Shopify ?

Slater est pensé pour Webflow, et c'est là qu'on s'en sert. Sur une boutique Shopify, le code sur mesure vit dans les fichiers du thème, versionnés avec lui.

Mon site dépend-il de Slater ?

Pour ses comportements sur mesure, oui : le code est servi depuis Slater. Si le service était indisponible, les pages et leurs contenus resteraient affichés par Webflow ; seuls les effets ajoutés manqueraient. Un fichier peut toujours être rapatrié dans Webflow si besoin.

Pourquoi une espace avant les « ? » sur vos sites ?

C'est la typographie française : une espace fine insécable avant ? ! : ; et à l'intérieur des guillemets. Webflow ne la gère pas seul, alors un petit fichier Slater la pose sur tous les textes de la page, sans toucher au contenu saisi.

SlaterNotre code sur mesure

À quoi sert Slater : le code sur mesure d'un site WebflowLe code de votre site, rangé et versionné.

Q: À quoi sert Slater ?

À ajouter à un site Webflow ce que l'interface ne sait pas faire, sans éparpiller du code dans les réglages des pages : un carrousel, un calcul de tarif, une typographie française correcte, un défilement doux, un script réservé à une page. Tout reste rangé, nommé et versionné au même endroit.

Q: Que met-on dans Slater sur vos sites ?

Sur le site du Centre de Cardiologie Pédiatrique Strasbourgeois, cinq fichiers : apparitions, typographie, défilement doux, carrousel Splide et titres découpés. Sur GoGoCarWash, un script réservé à la page de réservation calcule le tarif et la durée selon le véhicule choisi.

Slater est un éditeur de code pensé pour Webflow : on y écrit le JavaScript et le CSS d'un site, rangés en fichiers, et une seule ligne posée dans Webflow charge la bonne version. Tout le comportement sur mesure de nos sites y vit : typographie, défilement, carrousels, scripts de page.

On se parle ?

Voir nos sites

Clé d'Ill Immobilier· 6 fichiersEn lignev13v14Publier

Fichiers du projet Pretty.js Smooth Scroll.js Splide.js Split.js Scrollbar.css Estimation.js1 page

Pretty.js· toutes les pagesJavaScript

// Typographie française sur tous les textes

const formater = (t) => t

// la ponctuation haute colle au mot précédent

.replace(/ ([?!:;])/g, " $1")

.replace(/« /g, "« ");

document.querySelectorAll("h1, h2, p")

.forEach(appliquer);

Aperçu du siteUn projet?Version 14 en ligne

Nos réalisations codées avec Slater

Des sites Webflow avec
leur code bien rangé.

Toutes nos réalisations

5fichiers de code dans Slater

Site WebflowStrasbourg

Centre de Cardiologie Pédiatrique Strasbourgeois

Un site Webflow et une identité pour un centre de cardiologie pédiatrique à Strasbourg.

Cinq fichiers Slater chargés sur le site : apparitions, typographie française, défilement doux, carrousel Splide et titres découpés.

15pages libre-service conçues

Site WebflowLyon

GoGoCarWash

Une refonte Webflow pour un réseau de stations de lavage automobile autour de Lyon.

Un script chargé sur la seule page de réservation : le véhicule et la formule choisis mettent à jour le tarif et la durée affichés.

55pages conçues

Site WebflowAlsace

O'KTAV Prod

Une refonte Webflow pour une société alsacienne de production de spectacle vivant.

Rotation liée au défilement, titres découpés, barre de défilement maison et un script réservé à la page « Production de vos spectacles ».

30pages conçues

Site Webflow

Ecobat

Un site Webflow pour une entreprise née de la fusion de deux acteurs de la rénovation.

Un fichier par besoin : les dates traduites en français, des compteurs animés pour les chiffres clés, les titres animés avec GSAP.

49redirections 301 posées

Site WebflowHaguenau

ZM Génie Civil

Une refonte Webflow pour une entreprise de gros œuvre et de génie civil à Haguenau.

Six fichiers Slater, dont une rotation liée au défilement et le carrousel Splide, chargés par une seule ligne dans Webflow.

Votre projet ?

Et vous ?

Votre projet commence ici.

Un site à créer, à refaire ou à faire évoluer : parlez-nous de votre activité, on vous dit par où commencer.

Voir le projet

À quoi sert Slater

Écrire, ranger,
publier.

Slater remplace les blocs de code collés un peu partout dans Webflow : un projet par site, des fichiers JavaScript et CSS bien nommés, et une seule balise de script qui charge tout, dans la bonne version.

Un fichier par besoin

Typographie, défilement, carrousel, compteur : chaque comportement a son fichier, nommé clairement. On sait où chercher, et quoi couper.

Chargé sur les bonnes pages

Un fichier tourne sur tout le site, ou seulement sur une page précise : les autres pages ne chargent pas ce qui ne les concerne pas.

Publié en un clic

Chaque publication change la version servie : les visiteurs reçoivent le nouveau code aussitôt, sans republier le site Webflow.

Une seule ligne dans Webflow

Dans les réglages du site, une balise appelle le projet Slater. Le code reste hors du Designer, lisible et versionné.

Chez nous : sur nos sites Webflow

Slater ou un autre outil ?

Slater n'est pas là
pour tout coder.

Ce que Webflow sait faire seul, on le laisse à Webflow. Slater arrive quand il manque vraiment quelque chose, et on vous dit aussi quand une autre voie est plus simple.

Notre code sur mesure

Slater, si…

Votre site Webflow a besoin d'un comportement que l'interface ne propose pas.
Plusieurs scripts tournent sur le site et doivent rester rangés, nommés, lisibles.
Un script ne doit tourner que sur une page : réservation, simulateur, formulaire.
Vous voulez pouvoir corriger le code sans republier tout le site Webflow.

Les alternatives

Plutôt un autre outil, si…

Une animation au défilement classique : les interactions de Webflow, construites sur GSAP, suffisent.
Un filtre ou une pagination de liste : les Attributes de Finsweet le font sans écrire de code.
Une application avec comptes et données : un développement sur mesure en code s'impose, au-delà d'un script.
Une boutique Shopify : le code sur mesure vit dans les fichiers du thème, pas dans Slater.

Notre avis sur Attributes

Vous hésitez ? Décrivez-nous ce que votre site devrait faire et ne fait pas : on vous dit si c'est du réglage, un outil prêt à poser, ou quelques lignes de code.

Faire évoluer votre site

Du fichier au site en ligne

Une seule ligne,
tout le code derrière.

Le principe de Slater : tout le code sur mesure d'un site Webflow vit dans son projet. On écrit le fichier, on le relie aux bonnes pages, on publie, et le site charge la nouvelle version sans republier Webflow.

Comment on l'ajoute

On écrit le fichier
On le relie aux pages
On publie la version
Le site charge le code

Parler de mon site

Pretty.js· Clé d'Ill ImmobilierJavaScript · toutes les pages

// Typographie française, sur tous les textes
const exclus = "script, style, code, input";
const formater = (t) => t
 // ponctuation haute collée au mot précédent
 .replace(/ ([?!:;»])/g, " $1")
 .replace(/« /g, "« ");
 
parcourir(document.body, formater);

FichierChargé surÉtat

Pretty.jstoutes les pagesActif

Splide.jstoutes les pagesActif

Estimation.js/estimationActif

Biens.jsaucune page/biens/… (modèle)BrouillonActif

DéveloppementPréprod webflow.iov14
Testée

ProductionSite en lignev13v14
En ligne

Publier en production

Webflow n'est pas republié : seule la version du code change.

Clé d'Ill ImmobilierBiens · Estimation · Contact

Contact

Votre bien,
on en parle?

Un appartement à vendre? Dites-nous la ville et la surface: on revient vers vous avec une première estimation!

Demander une estimation

Pretty.js · v14

Un cas concret

Ajouter un script
à un site Webflow.

Exemple type : un site Webflow doit afficher un tarif qui change selon le véhicule choisi dans un formulaire. Voici comment ce petit calcul passe par Slater, du fichier à la page en ligne.