Lors de la construction de votre site Wix, vous pourriez rencontrer l’un des scénarios suivants:
- « Certains constructeurs de sites Web ont besoin de moi pour construire chaque page de produit. J’ai plus de 50 produits … qui a le temps pour ça? «
- « Existe-t-il un moyen de collecter automatiquement des commentaires ou des avis d’utilisateurs laissés sur mon site ? Sans que je doive le faire manuellement ? Cela prendrait énormément de temps ! «
- « J’aurais aimé que les gens puissent me soumettre des informations via mon site Web, qui seraient automatiquement collectées, triées et gérées, comme dans une base de données. Je ne peux pas le faire avec des constructeurs de sites Web et je ne veux pas engager un codeur! «
- « J’ai besoin de plus qu’un simple site web avec quelques pages de base. Je dois être capable de collecter et de stocker des informations. Tous les constructeurs de sites Web qui permettent cela sont tellement difficiles à utiliser. Je ne suis pas technique du tout! «
Et si je vous disais que Wix Code, le nouveau produit de Wix, peut vous aider à réaliser tout ce qui précède – et plus encore – sans que vous n’ayez besoin d’écrire une seule ligne de code ? Et si je vous disais aussi que Wix Code peut vous aider à économiser trois de vos ressources les plus précieuses: votre temps, votre argent et vos efforts ? Wix Code a été spécialement créé pour aider les développeurs web, sans connaissances techniques, comme vous et moi à créer des sites Web que nous n’aurions pas pu auparavant sans l’aide coûteuse d’un développeur. En ouvrant la porte à une toute nouvelle ère de création de sites Web, Wix nous donne l’opportunité de créer des sites web de grandes qualités. Je vous entends déjà dire « Mais comment Wix Code peut être bénéfique pour moi ? » C’est ce que nous allons voir dans cet article.
1- Wix Code – Qu’est-ce que c’est ?
Débutons d’abord avec l’explication « technique ». Wix Code est un nouveau produit développé par Wix qui ajoute des fonctionnalités plus avancées à votre éditeur Wix, vous permettant de créer rapidement et facilement des applications Web prêtes à l’emploi. Fonctionnalités avancées ? Données pilotées ? Des applications Web ? Génial. Cette description est vraiment utile aux personnes non-technique comme vous n’est-ce pas ? Prenons une minute pour regarder sous le capot et découvrir ce qu’est réellement Wix Code. En langage clair, Wix Code est un développement de Wix que vous pourrez bientôt activer dans votre éditeur. Il vous permet de créer et d’utiliser d’énormes bases de données (texte, images, etc.) qui sont ensuite utilisées pour remplir automatiquement votre site Web avec des pages et du contenu. Par exemple, imaginez que vous dirigez une entreprise de restauration où vous vendez un large éventail de délices pouvant être commandés en ligne. Dans votre business plan, vous avez décidé que ce serait une très bonne idée de présenter vos délicieux plats sur votre site Web afin d’attirer plus de clients, d’augmenter les ventes et donc d’augmenter vos revenus. Désormais, il est possible de créer une page pour chaque produit que vous vendez, mais cela prendra du temps et sera très difficile d’assurer la cohérence de la conception sur chaque page. Si les choses ne sont pas cohérentes sur votre site, vous risquez de ne pas paraître professionnel.
Donc, que faut-il faire ?
Vous pouvez utiliser Wix Code pour créer une collection de base de données – essentiellement une feuille de calcul – avec les produits que vous vendez ainsi que toutes les autres informations pertinentes comme le prix, la description, les photos, etc. Vous pouvez ensuite créer une page Web dans votre éditeur Wix qui servira de modèle, puis indiquer à la base de données d’utiliser ce modèle pour créer une page Web unique pour chaque produit que vous vendez. Les images, les titres et les textes seront au même endroit sur chaque page. Tout le design sera identique – mais le contenu et les adresses URL ne le seront pas. Vous pouvez donc créer une multitude de pages en un temps record. Et non seulement vous aurez économisé énormément de temps et d’efforts, mais vous aurez créé une grande quantité de nouvelles opportunités de ventes et de trafic sur votre site web. Parce que Wix Code vous permet de créer tout cela par vous-même, vous n’aurez même pas besoin de vider votre compte en banque afin d’embaucher un gourou du code.
2- Pourquoi Wix a-t-il fabriqué Wix Code ?
De tous les constructeurs de sites Web que j’ai utilisés au cours de ces dernières années, j’ai toujours été impressionné par la capacité de Wix à innover et à apporter des idées révolutionnaires à ce qui pourrait être un marché plutôt statique. Wix ADI, le premier outil de création de sites Web au monde alimenté par l’intelligence artificielle, a été l’une de mes innovations préférées. Cependant, je suis tenté de dire que Wix Code pourrait être mon développement de produit préféré de Wix depuis très longtemps, voir depuis toujours. Le simple fait de penser à toutes les possibilités offertes par Wix Code met en évidence la principale mission de Wix: vous aider à créer le meilleur site possible.
Si vous pensez à la conception de vos sites Web préférés, la majorité d’entre eux seront alimentés par des bases de données et au moins partiellement créés avec l’aide d’un développeur professionnel. Cela signifie que vous ne pouvez pas créer quelque chose de technique dans l’éditeur Wix actuel. Mais avec Wix Code, il est honnête de penser que Wix fait un effort conscient pour vous aider à offrir à vos utilisateurs la même expérience de navigation que celle qu’ils trouveraient sur un site Web conçu sur mesure ou créé par un designer professionnel. Ce qui est encore plus fort, c’est que la majorité des fonctionnalités de Wix Code ne nécessitent aucune connaissance technique. C’est pourquoi Wix a créé Wix Code. Ils veulent que les sites Wix soient parmi les meilleurs sites du marché. Ils vous offrent réellement la possibilité de «créer sans limites».
3- Wix Code : Puis-je l’utiliser même si je ne code pas ?
C’est probablement le point qui vous préoccupe le plus. Après tout, avec les avantages offerts par Wix Code, il serait très frustrant si vous ne pouviez pas l’utiliser pour améliorer votre site Web. Sachez qu’il n’y a aucune crainte à avoir. Wix Code a été spécialement développé pour les non-techniciens et les non-codeurs. Après avoir testé la version Beta de Wix Code pour voir de quoi il s’agit, je peux confirmer qu’il est intuitif, facile à prendre en main et qu’il s’intègre parfaitement dans l’interface existante de l’éditeur Wix. La plupart des fonctionnalités sont alimentées par « Database Collections », qui est une façon élégante de dire «feuilles de calcul d’informations», que vous entrez manuellement dans le système Wix Code. Cette information est ensuite utilisée pour générer quelque chose à partir de formulaires personnalisés à des centaines de pages Web. C’est vraiment très facile.
Par exemple, si je gérais un site Web avec lequel j’ai l’habitude de promouvoir et vendre de l’art, je pourrais créer une base de données avec des colonnes intitulées:
- Photo de la peinture
- Nom de la peinture
- Description de l’œuvre
- Les matériaux utilisés
- Prix
Ensuite, je voudrais entrer les informations pertinentes dans chaque colonne, chaque rangée agissant comme une seule liste:
- Photo de la peinture
- Journée ensoleillée à la plage
- Une paysage de la lagune de Malibu peinte un matin ensoleillé en août
- Peintures à l’huile et Craies
- 120,00 $
Une fois la « Database Collection » et la feuille de calcul contenant toutes les informations terminées, je peux alors concevoir une page modèle dans l’éditeur Wix exactement de la même manière que je créerais n’importe quelle autre page. J’ajouterais une image pour l’illustration et des zones de texte pour les informations, le prix, etc. Une fois que vous êtes satisfait de la conception du modèle, je fais ensuite glisser la « Database Collection » dans l’éditeur où elle apparaît sous la forme d’une petite icône – invisible sur votre site Web, mais visible dans l’éditeur. Il faut alors «connecter» ma « Database Collection » aux différents éléments de la page. Ces ‘connexions’ ou ‘liens’ ont la responsabilité importante de dire à la page Web quelles informations de la « Database Collection » doivent être utilisées pour remplir chaque page.
- Bloc d’image -> lié à la colonne A (‘Photo de la peinture’)
- Texte 1 -> lié à la colonne B (‘Nom de la peinture’)
- Texte 2 -> lié à la colonne C (‘Description de l’illustration’)
- Texte 3 -> lié à la colonne D (« Matériaux utilisés »)
- Texte 4 -> lié à la colonne E (‘Prix’)
Le nombre de lignes que vous avez dans votre « Database Collection » déterminera le nombre de pages Web uniques générées une fois que vous serez satisfait de l’apparence générale. Vous complétez une feuille de calcul et créez un seul modèle de page Web, puis Wix Code créera une page Web unique pour chaque rangée du tableau. Cela signifie que chaque produit aura sa propre page Web unique contenant les informations que nous avons entrées dans la base de données. Chacune de ces pages aura un contenu unique et une URL unique. Elle seront presque identiques à l’exception du contenu. Ces modèles dynamiques vous feront gagner énormément de temps et vous permettront d’améliorer votre site d’une autre manière ou de le consacrer à votre entreprise. Si vous n’êtes toujours pas convaincu à 100% et que vous vous sentez toujours un peu inquiet sur le côté technique des choses, nous pouvons vous assurer que Wix dispose d’un support très complet pour vous aider à solutionner tous vos petits soucis. Ce qui est inclus dans le support :
- Un forum Wix Code dédié
- Guides variés et didacticiels pratiques
- Vidéos YouTube expliquant comment utiliser les fonctionnalités
- Des démonstrations Wix Code avec des exemples
Cela m’a certainement aidé à me mettre à l’aise après mon premier regard sur Wix Code et je suis sûr que cela vous aidera à apaiser vos inquiétudes. De toute façon, que vous puissiez coder ou non, Wix Code n’a rien à craindre. Il a été développé pour vous aider à créer un site Web de qualité sans aucun problème. Si seulement il avait été crée quelques années plus tôt …
4- Que pouvez-vous faire avec Wix Code ?
Comme nous l’avons expliqué dans les exemples ci-dessus, grâce à sa capacité de créer «sans code», Wix Code a un large éventail d’utilisations. Alors plutôt que de vous lancer avec un autre constructeur, jetons plutôt un coup d’œil sur les principales caractéristiques de Wix Code et ce qu’elles signifient pour votre entreprise. En utilisant Wix Code, vous pourrez utiliser des choses telles que:
Database Collections
En clair, une « Database Collection » est une feuille de calcul qui contient des informations et des médias, y compris des images et du texte, que la plate-forme Wix peut utiliser pour générer du contenu sur votre site Web. Les Database Collections sont les pierres angulaires de votre expérience Wix Code et vous découvrirez rapidement à quel point elles sont pratiques.
Templates (modèles) de page dynamiques
Tout comme les exemples plus haut sur la page, les modèles de pages dynamiques vont vous faire économiser énormément de temps et d’efforts. Après avoir créé votre feuille de calcul Database Collection, vous pouvez créer une seule page Web dans votre éditeur Wix, lier chaque partie à la colonne appropriée de votre feuille de calcul, puis laisser Wix créer une page pour chaque ligne du tableau. Chacune basée sur le même modèle mais avec un contenu unique. C’est un développement qui change la donne et qui va rendre beaucoup de fabricants de sites Web très heureux.
Formulaires personnalisés
Avez-vous déjà voulu recueillir des informations de vos utilisateurs, telles que des critiques ou des commentaires ? Ou peut-être voulez-vous qu’ils vous envoient quelque chose, comme du contenu pour une galerie ou un concours ?
Wix Code facilite la collecte de ces informations. C’est le même principe que de générer du contenu sur une page, sauf que dans ce cas vous allez créer une « Database Collection » vide et dans l’éditeur vous allez créer un formulaire vide, relier les zones de texte avec les colonnes vides correspondantes. Dans votre feuille de calcul, mettez le mode ‘écrire’ au lieu de ‘lire’. Vos utilisateurs peuvent maintenant écrire dans ces boîtes de texte vides. Une fois qu’ils cliquent sur « soumettre », leurs réponses sont automatiquement ajoutés à votre table vide. Une collecte d’informations et de données super facile pour améliorer vos connaissances et aider à satisfaire vos clients.
Interactions personnalisées
Wix Code vous permet également d’ajouter du javascript à vos pages Web (qui est un langage informatique utilisé pour créer des actions sur une page Web) et d’ajouter des comportements de page personnalisés. Comment réagit votre site Web lorsque les utilisateurs l’utilisent. Cela signifie que vous pouvez ajouter une petite animation pour que les utilisateurs restent intéressés pendant le chargement de votre page. Vous pouvez également définir différentes actions en fonction de la façon dont les utilisateurs répondent à un formulaire que vous avez créé. Peut-être que vous voulez montrer des photos d’un même endroit sous différents angles et plutôt que d’utiliser un diaporama ou une galerie, vous voulez utiliser quelque chose d’un peu plus intelligent et dynamique. Avec Wix Code, vous pouvez créer un bouton qui change la photo présente sur la page comme un diaporama dynamique. Cela contribue à rendre votre site Web plus interactif et intéressant pour les utilisateurs.
APIs
AP quoi ?! Vous avez raison, cela aiderait si vous saviez ce qu’est une API. Une API – ou ‘Application Programming Interface’ – est un type de javascript qui indique à différents logiciels comment ils doivent interagir. Ce que cela signifie, c’est que vous serez en mesure d’intégrer de façon transparente beaucoup plus de plugins – tels que Facebook ou Vimeo – sur votre site Web. Maintenant, pour être honnête, cette fonction d’intégration de l’API est le domaine le plus techniquement exigeant de Wix Code, car vous aurez besoin d’une connaissance pratique de Javascript pour en tirer le meilleur parti. Cela ne veut pas dire qu’avec un peu de recherche vous ne devriez pas être en mesure de maîtriser l’intégration de l’API. En fait, je vous suggérerais d’examiner les ressources de Wix sur le sujet, car elles vous aideront à utiliser cette fonctionnalité très pratique.
5- Avec quel type de sites Web Wix Code sera-t-il utile ?
Si vous prenez le temps de regarder quelques tutoriels et de vous familiariser avec ses capacités, vous serez en mesure de créer un site Web vraiment unique qui ne ressemble à rien de ce que vous pouvez actuellement créer. Que vous travailliez dans l’industrie alimentaire et que vous cherchiez à présenter des menus, des recettes ou des biens achetables … Ou que vous travaillez pour une galerie d’art et vous voulez accepter la soumission d’oeuvre de vos internautes. Ou peut-être souhaitez-vous accepter des réservations pour un Bed & Breakfast via votre site web. Ou peut-être que vous travaillez dans l’éducation et que vous voulez promouvoir les cours offerts par votre école ou votre collège … Wix Code peut vous aider à atteindre l’ensemble de ces objectifs. Mais cela ne veut pas dire que Wix Code se limite à quelques niches et intérêts particuliers. Wix Code est un ajout polyvalent à l’éditeur Wix et peut ouvrir votre site Web à une foule de nouvelles possibilités et fonctionnalités de conception. Tout ce dont vous avez besoin, c’est de l’imagination et de la volonté.
6- Le coût de Wix Code
Si vous avez un abonnement premium à Wix, la bonne nouvelle est que Wix Code ne vous coûtera pas un centime de plus. Quand il sera finalement distribué à toute la communauté, Wix Code sera un autre outil de votre arsenal couvert par le Plan Premium de Wix auquel vous êtes abonné. Tout ce que vous devez faire est de l’activer dans l’éditeur Wix et vous êtes prêt à partir.
Conclusion
Wix Code va vous faire économiser du temps, de l’argent et des efforts. Cela simplifiera les domaines les plus complexes de la création de sites. Vous pourrez donc créer des sites Web que vous n’aurez jamais pu créer auparavant. C’est un outil superbe qui est à la fois intuitif et facile à utiliser, et qui semble vouloir pousser les constructeurs de sites Web à un niveau supérieur. C’est en fait une démarche logique et naturelle de Wix, qui – en simplifiant le côté technique de la construction du site – envoie un message clair que Wix est la meilleure plate-forme pour les créateurs sans grandes connaissances techniques. Wix Code vous aidera également à recueillir plus d’informations auprès des utilisateurs. Vous pouvez les utiliser pour rendre votre site Web plus interactif et attrayant, et vous aider à le développer rapidement et de façon « SEO-friendly ».
Si Wix est un constructeur de site qui vous intéresse, le test complet de cette plate-forme devrait très certainement vous intéresser.
Kovalsky a écrit
le :
Bonsoir
Je suis heureux de tomber sur vos pages fort claires. J’ai l’impression d’avoir tout compris.
J’ai déjà un site sur Wix avec notamment un abonnement Premium mais je bloque sur une fonction que je ne trouve nul part, peut être pourriez vous m’aiguiller. Je souhaite que certaines pages (en dynamique) ne puissent être accessibles que par un code (unique bien sur). Sur des pages statiques c’est faciles et très bien expliqué par Wix.
Il s’agit d’un site de photos, mais l’accès à ces photos, stockées dans une base (toutes les pages sont identiques ou presque), ne doit être possible qu’après qu’un code ou mot de passe ne soit fourni par la personne qui veut visionner la/les photos en question. Et je ne sais comment faire.
Merci par avance de votre aide
La Fabrique du Net a écrit
le :
Bonjour, Merci de votre commentaire. Les seules solutions proposées par Wix semblent celles décrites dans leur centre d’assistance : Appliquer les permissions de page et Protéger une page spécifique de votre site par un mot de passe mais il n’y a pas de méthode dédiée spécifiquement aux pages dynamiques.
A bientôt,
Jérôme a écrit
le :
Votre article est super interressant et je vous en remercie.
Cependant je suis à la recherche d’une fonction que je ne trouve à savoir:
j’ai intégré un formulaire de contact en créant une base une donnée, non pas le formulaire wix standard et maintenant j’aimerais l’intégrer à mes pages articles, chose faites et sa fonctionne, cependant lorsqu’un client pose une quesiton sur un article j’aimerais savoir de quel article le client parle, car comme il réponds à un formulaire sur la page de l’article qu’il consulte, évidemment il ne va pas indiquer de quel article il parle…
Si vous pouvez m’éclairer sa serait la grande classe et je vous en remercie d’avance pour votre réponse!
Meilleures salutations
Escudero a écrit
le :
Bonjour,
Merci pour votre article qui est une très bonne synthèse de ce que j’ai pu trouver dans l’aide wix, j’aurais une question étant donné que vous évoquez une amélioration quant au e-commerce, faut il avoir publier son site pour pouvoir modifier la bas de données « products » et « collections », même question pour l’importation de catalogues produits au format csv? Je vous demande ça car l’article évoque un forfait premium,
Bien cordialement
La Fabrique du net a écrit
le :
A ma connaissance, on peut modifier les bases de données « products » et « collections » sans avoir publié le site web.
VT a écrit
le :
Bonjour,
Un grand merci pour l’article très complet, qui m’a aidé à avancer un peu plus dans la création des formulaires. Mais je reste perdue! le support de Wix étant en anglais, difficle de s’en sortir avec le Wix Code. J’essaie de créer des sous-pages de recettes, « Petit-déjeuners » « plats » etc. Mais je ne sais pas si le Wix Code est fait pour cela, ni vraiment par où commencer. Compliqué! Dommage que leur support Francophone tarde à venir
Webbax a écrit
le :
Hello,
Ce concept me fait penser à « Dreamweaver » qui était capable de se lier à la base de données (en interface graphique) et de proposer ensuite directement des « vues » utilisables, mais ça date déjà. La méthode d’approche de Wix est intéressante, ça permet aux plus novices de se construire des interfaces personnalisées.
Merci pour le partage !
La Fabrique du net a écrit
le :
Très bon parallèle, qui ne nous rajeunit pas 😉