Notre selection des 5 Meilleures Applications Webflow

Vous avez dit Webflow App ?

Vous n'êtes pas sans savoir que Webflow a sorti "Webflow App" lors de sa nouvelle mise à jour. C'est une nouvelle fonctionnalité intégrée directement dans le designer qui permet d'ajouter des applications proposées par des particuliers et des entreprises.
C'est puissant car maintenant plus besoin de changer de fenêtre pour gérer nos différentes applications externes, tout est à disposition dans le designer.
Concrètement, en quelques clics, on a le pouvoir maintenant de créer un site complet en ajoutant des apps (plugins).

Nous avons concocté pour vous notre top 5 des apps les plus cool à nos yeux !

‍
À vos designer, rendez-vous dans la section à gauche sous les photos. Prêt feu partez !

Slater - Votre assistant JavaScript

Slater fait partie des applications les plus mises en avant. Elle va permettre d'intégrer directement du code JavaScript dans votre Webflow, mais pas de panique pour celles et ceux qui n'en ont jamais fait, Slater est là aussi pour cela grâce à son intelligence artificielle intégrée.

Après avoir installé l'app depuis votre designer vos pouvez ouvrir l'app.

Dashboard webflow app : Slater custom code

L'interface de cette application est assez simple à comprendre.
Au centre, vous avez un IDE (environnement de développement intégré) qui permet de gérer votre code. À droite, vous avez la partie 'Learn' pour soit demander à l'IA une explication, soit un débogage, ou soit carrément de créer du code.
Ici, pour le test, j'ai demandé à l'IA de gérer le code pour avoir une horloge sur le site. C'est ainsi qu'étape par étape, l'IA nous guide pour afficher une horloge sur notre site. Une fois les étapes HTML et CSS suivies, il suffit juste d'insérer le code script dans notre page grâce à une seule ligne, et voici le résultat :
‍

En 1 minute, nous avons géré du code, l'avons connecté à notre page, et une fois publié, voici notre horloge dynamique intégrée dans notre site.

Dashboard webflow app : Slater fonctionnement

Pour conclure, Slater rend accessible le JavaScript aux novices et aux professionnels grâce à l'intelligence artificielle. Pour cet exemple, j'ai intégré une horloge, mais Slater est réellement notre compagnon de développement avec lequel nous pouvons apprendre et performer.

Chaty : Votre app pour que l'on vous contact

Chaty vous permet de démarrer des conversations avec vos clients sur les applications de messagerie et les réseaux sociaux qu'ils utilisent déjà. Il s'agit d'un widget multi-canal qui offre à vos visiteurs de site web davantage de moyens de communiquer avec votre entreprise.

‍
Après l'avoir installée, l'application vous dirigera vers un tableau de bord afin de remplir vos informations de contact et de sélectionner les applications par lesquelles vous souhaitez être contacté.

Dashboard : Chatly — Ce dashboard vous permet aussi de consulter le nombre de visitor, de clique de conversion
‍

Après avoir ajouté le code intégré dans les paramètres de votre site, une petite bulle sera présente sur l'ensemble de votre site pour que l'on puisse vous contacter

Humblytics - Des analyses de qualité

Humblytics est un outil d'analyse simple et respectueux de la vie privée conçu pour Webflow. Il suit efficacement les événements personnalisés, éliminant ainsi le besoin de coder longuement. En laissant Humblytics gérer le suivi des événements personnalisés, les utilisateurs peuvent se concentrer sur l'acquisition d'informations précieuses concernant les interactions sur leur site Web Webflow.

Un dashboard morderne, des statistique de qualité, et un respect de la vie privé. c'est parfais pour vos petit et moyen projet sur webflow. Humblytics vous permet de traquer et d'améliorer vos click conversion, de booster votre CMS performance

‍
Avec Humblytics, vous pouvez :

Suivre les vues de page, les visiteurs en temps réel, le trafic par emplacement, les principales sources, et plus encore.
Suivre tous les liens et boutons en utilisant des attributs personnalisés sans avoir besoin de Google Tag Manager (GTM) ou de couches de données.
Surveiller vos éléments CMS les plus performants avec la profondeur de défilement, la durée de session, et plus encore.
Mesurer les taux de soumission de formulaires, consulter les informations sur les références, et suivre les taux de conversion.

Vidzflow - Optimisation vidéo

Vidzflow est une solution d'hébergement vidéo spécialement conçue pour Webflow, offrant une échappatoire aux contraintes de la compression vidéo, des limites de taille et des lecteurs vidéo encombrés.

Elle vous permet d'héberger soit des fichiers vidéo bruts, soit d'utiliser un lecteur vidéo intégrable et entièrement personnalisable, des fonctionnalités qui ne sont pas nativement prises en charge dans Webflow. Vous pouvez également télécharger des vidéos depuis Youtube ou Vimeo simplement en entrant l'URL.
‍

L'insertion de vidéos sur Webflow peut rapidement devenir un problème. Grâce à Vidzflow, vous pouvez héberger vos vidéos simplement et les intégrer ensuite dans votre site ; voici un exemple :

‍
Cette vidéo est intégrée et hébergée grâce à Vidzflow, puis collée en tant qu'incorporation dans notre article. Vous avez la possibilité de personnaliser (seulement en version payante) les lecteurs et certains paramètres de votre vidéo :

FluidSEO - Économisé du temps sur votre SEO

FluidSEO vous offre une aide en matière de référencement que vous avez toujours recherchés. Prenez le contrôle du référencement de votre site Webflow de la manière à laquelle vous êtes habitué.

FluidSEO permet de mettre à jour en masse les balises SEO des pages statiques. Il vous suffit de télécharger un fichier CSV et de laisser le travail se faire. Vous gagnez des heures, car FluidSEO met à jour des balises telles que le titre Meta et le titre Open Graph sur l'ensemble de votre site en seulement 2 clics. Finies les mises à jour fastidieuses page par page.

Exemple de colonnes dans le fichier CSV :

Slug de la page
Titre
Description
Titre Open Graph
Description Open Graph
Image Open Graph
Titre de recherche
Description de recherche
Image de recherche

‍

Pour conclure

Vous pouvez retrouver et supprimer toutes vos applications liées à votre site dans les paramètres du site web, dans la section 'App & Integration'.

En général, les applications sont vraiment pratiques, car après une configuration qui ne prend pas beaucoup de temps, il suffit simplement d'ajouter une petite ligne de code JavaScript dans l'en-tête de notre page pour lier automatiquement l'application à notre site. Cependant, il est important de bien comprendre l'utilité de chaque application et de ne pas surcharger votre site avec trop d'applications.

Cela pourrait affecter les performances de votre site.

N'hésitez pas à nous envoyer vos retours sur l'utilisation de Webflo App.
À bientôt avec PetitHack !

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.