Wix Velo : ajouter du code JavaScript à votre site Wix 💻

Wix Velo (ou Velo by Wix) est la plateforme de développement de Wix. Elle permet d’ajouter du code JavaScript à un site Wix ou Wix Studio pour créer des fonctions qui n’existent pas dans l’éditeur visuel.

En bref : Velo sert à programmer des interactions sur mesure, à manipuler le CMS, à créer un backend (le code qui tourne sur les serveurs de Wix) ou à appeler des services externes. Sur Wix Studio, le code est toujours disponible, sans réglage à activer, et il est inclus sans coût supplémentaire. Pour un site vitrine classique, vous n’en aurez souvent pas besoin.

Qu’est-ce que Wix Velo ?

Velo est l’environnement de code intégré à Wix, anciennement appelé Wix Code puis Corvid. Le langage est JavaScript, et tout fonctionne en « serverless » : vous écrivez le code, Wix s’occupe de l’hébergement et des serveurs.

Le cœur de Velo est l’API $w, qui permet d’agir sur les éléments de la page. Par exemple, pour changer un texte au clic sur un bouton :

$w('#monBouton').onClick(() => { $w('#monTexte').text = 'Merci !'; });

Que peut-on faire avec Velo ?

• Interactions sur mesure : afficher, masquer, animer des éléments selon les actions du visiteur.

• CMS avancé : requêtes, filtres croisés, calculs sur les données de vos collections CMS.

• Backend : modules web, fonctions HTTP (pour exposer vos propres points d’accès), hooks de données qui réagissent à un ajout ou une modification.

• Services externes : appeler une API tierce, installer des paquets npm.

• Routeurs : gérer des URL et des pages dynamiques sur mesure.

• CSS personnalisé sur Wix Studio.

Comment activer le code sur Wix Studio et sur Wix ?

Sur Wix Studio, le code est toujours disponible : cliquez sur l’icône Code dans l’éditeur, puis sur l’option pour commencer à coder. Sur l’éditeur Wix classique, il faut d’abord activer le mode développeur (Dev Mode).

Wix Studio propose ensuite trois environnements, utilisables tour à tour :

Frontend ou backend : la différence

Le code frontend (code de page, code global, CSS) s’exécute dans le navigateur du visiteur. Le code backend (modules web, fonctions HTTP, hooks, événements) s’exécute sur les serveurs de Wix : c’est là qu’on place ce qui doit rester privé, comme une clé d’API.

Velo, API Wix ou IA : quel outil pour quel besoin ?

Velo n’est pas la seule façon d’aller plus loin avec Wix. Le bon outil dépend de ce que vous voulez faire.

Mon avis de webdesigner sur Wix Velo

Velo est puissant, mais chaque ligne de code est une ligne à maintenir. Avant d’en écrire, vérifiez si l’éditeur ne sait pas déjà le faire : un dataset, des filtres CMS ou une automation couvrent la plupart des besoins d’un site vitrine.

Mon retour d’expérience : sur mon propre site, les gros chantiers de contenu (les 79 pages services du CMS, la réécriture de ce glossaire, les titres Google, les données structurées) passent par Claude connecté à Wix grâce au connecteur officiel. Aucune ligne de Velo n’est nécessaire pour ça. Je réserve le code aux fonctions que le visiteur utilise vraiment. J’explique cette méthode dans la fiche piloter son site Wix avec l’IA.

Vous avez un besoin précis et vous ne savez pas s’il faut du code ? C’est typiquement la question à poser à un expert Wix.

Questions fréquentes sur Wix Velo

Wix Velo est-il gratuit ?

Le code Velo est inclus avec Wix Studio, sans coût supplémentaire. Certaines fonctions liées demandent toutefois un forfait premium.

Faut-il savoir coder pour utiliser Velo ?

Oui, il faut des bases en JavaScript. Pour un besoin ponctuel, l’assistant IA du Wix IDE ou un outil comme Claude peut vous aider à écrire et comprendre le code, mais relisez et testez toujours avant de publier.

Velo by Wix et Wix Velo, c’est la même chose ?

Oui. Ce sont deux noms pour la même plateforme de développement, disponible sur Wix et sur Wix Studio.

À propos de l’auteur Alexandre Cottret, webdesigner freelance et fondateur de Trend Design, certifié Wix Partner Legend et Wix Studio. Plus de 150 sites créés depuis 2021, 5/5 sur Malt (93 avis).

Sources : Wix Developers : coder avec Wix Studio, Wix Developers : à propos du Wix IDE.