Dernière mise à jour :
2/10/2024

Présentation des applications Webflow

Optimisez les performances de votre site et élargissez les fonctionnalités centrales de Webflow grâce aux applications.

Les applications sont des logiciels tiers que vous pouvez intégrer à votre site ou votre espace de travail directement depuis la marketplace Webflow. Elles permettent d'amplifier les fonctionnalités clés de Webflow, telles que les formulaires, les collections CMS, les comptes utilisateurs et le commerce électronique, tout en étoffant les possibilités offertes par le Designer Webflow.

Au cours de cette leçon, vous découvrirez :

  1. Intégrer une application à votre site ou espace de travail
  2. Gérer l'accès aux applications
  3. Utiliser les applications dans le Designer
  4. Foire aux questions et solutions aux problèmes éventuels

Intégrer une application à votre site ou espace de travail

Pour ajouter une application à votre site ou espace de travail :

  1. Accédez à la page individuelle de l'application sur la marketplace Webflow.
  2. Cliquez sur "Ajouter le site".
  3. Sélectionnez les espaces de travail et/ou les sites auxquels vous souhaitez ajouter l'application.
  4. Cliquez sur "Autoriser l'application".
  5. Cliquez sur "Aller à [Nom de l'application]" dans la bannière contextuelle.
  6. Suivez les instructions de l'application pour l'ajouter à votre site.

Lorsque vous autorisez une application pour un espace de travail, l'application est autorisée à accéder à tous les sites actuels et futurs au sein de cet espace de travail.

Si vous autorisez une application pour l'ensemble d'un espace de travail, le seul moyen de révoquer l'autorisation de l'application pour un site spécifique dans cet espace de travail est de révoquer l'autorisation pour l'ensemble de l'espace de travail. Cela entraîne également la révocation de l'autorisation de l'application pour tous les autres sites de cet espace de travail.

Gérer l'accès aux applications

Vous pouvez consulter les autorisations des applications et gérer l'accès aux applications au niveau de l'espace de travail ou du site.

Gestion des applications dans votre espace de travail

Pour voir les espaces de travail auxquels une application a accès :

  1. Cliquez sur le menu déroulant du compte dans la barre de navigation.
  2. Choisissez un espace de travail.
  3. Accédez aux paramètres de l'espace de travail > Onglet Intégration> Applications connectées.
  4. Cliquez sur "Voir" à côté du nom de l'application.

L'application a accès à tous les espaces de travail et sites répertoriés sous "A accès à ce qui suit".

Pour révoquer l'accès d'une application à un espace de travail depuis vos paramètres d'espace de travail :

  1. Cliquez sur le menu déroulant du compte dans la barre de navigation.
  2. Choisissez l'espace de travail auquel l'application a accès.
  3. Accédez aux paramètres de l'espace de travail > onglet Applications et intégrations.
  4. Cliquez sur "Désinstaller l'application".
  5. Confirmez et cliquez sur "Désinstaller l'application" dans la fenêtre modale.

Vous pouvez également révoquer l'accès d'une application à un espace de travail depuis le Designer :

  1. Ouvrez le panneau des applications.
  2. Cliquez sur l'application pour laquelle vous souhaitez révoquer l'accès.
  3. Cliquez sur "Supprimer l'application".

À partir de là, vous serez redirigé vers les paramètres de votre espace de travail, où vous pourrez cliquer sur "Désinstaller l'application" pour supprimer l'autorisation de l'application.

Révoquer l'autorisation d'une application pour un espace de travail entraînera également la révocation de l'autorisation de l'application pour chaque site de cet espace de travail. Après avoir révoqué l'accès d'une application, tous les éléments ajoutés par cette application restent sur vos sites, et tout le code personnalisé ajouté par cette application est supprimé lors de votre prochaine publication de sites.

Après avoir révoqué l'accès d'une application, tous les éléments ajoutés par cette application restent sur votre site, et tout le code personnalisé ajouté par cette application est supprimé lors de votre prochaine publication de votre site.

Gestion des applications sur votre site

Pour voir les applications autorisées sur un site spécifique, accédez à Paramètres du site > Onglet Intégrations > Applications autorisées. Toutes les applications répertoriées dans cette section sont autorisées à accéder à ce site.

Pour révoquer l'accès d'une application à un site depuis les Paramètres du site :

  1. Accédez à Paramètres du site > Onglet Applications et intégrations.
  2. Cliquez sur "Révoquer" sur l'application que vous souhaitez supprimer.

Vous pouvez également révoquer l'accès d'une application à un site depuis le Designer :

  1. Ouvrez le panneau des applications.
  2. Cliquez sur l'application pour laquelle vous souhaitez révoquer l'accès.
  3. Cliquez sur "Supprimer l'application".

À partir de là, vous serez redirigé vers Paramètres du site > Onglet Applications et intégrations, où vous pourrez cliquer sur "Révoquer" sur l'application que vous souhaitez supprimer.

Si l'application est autorisée à accéder à votre espace de travail, vous serez redirigé vers les paramètres de votre espace de travail > onglet Applications et intégrations.

Après avoir révoqué l'accès d'une application, tous les éléments ajoutés par cette application restent sur votre site, et tout le code personnalisé ajouté par cette application est supprimé lors de votre prochaine publication de votre site.

Si vous avez autorisé une application sur plusieurs sites sans autoriser l'ensemble de l'espace de travail, supprimer l'application d'un site la supprimera également de tous les autres sites où l'application est installée.

Utiliser les applications dans le Designer

Certaines applications peuvent accéder directement au Designer Webflow via une fenêtre d'application intégrée, permettant à l'application d'interagir directement avec le canevas du site. Ces applications peuvent gérer les éléments, les propriétés, les styles et le texte sur le canevas à l'aide d'éléments personnalisés.

Comment lancer les applications dans le Designer

Une fois que vous avez installé une application sur votre site, vous pouvez l'utiliser dans le Designer :

  1. Ouvrez le panneau des applications.
  2. Survolez l'application que vous souhaitez ouvrir.
  3. Cliquez sur "Lancer".

L'application s'ouvrira dans une fenêtre d'application sur le canevas du Designer.

Vous ne pouvez pas accéder aux applications dans le Concepteur au sein des locales secondaires. Cependant, les éléments personnalisés créés par les applications dans le Concepteur sur la locale principale sont hérités par toutes les locales secondaires. En savoir plus sur la localisation.


Comment gérer les éléments personnalisés dans le Designer

Un élément personnalisé est un élément qui offre une gamme de méthodes pour manipuler les propriétés, les styles et les éléments enfants de l'élément. Les éléments personnalisés peuvent être utiles pour ajouter des éléments au canevas qui sont pris en charge dans HTML, mais qui ne sont pas disponibles en tant qu'éléments natifs de Webflow.

Les éléments personnalisés et leurs éléments enfants apparaissent dans le Navigateur avec une icône de "boîte barrée".

Vous pouvez styliser les éléments personnalisés ou leurs éléments enfants de la même manière que tout autre élément dans Webflow en utilisant le panneau Style. Vous pouvez également gérer le texte, les attributs, etc. pour les éléments personnalisés et/ou leurs éléments enfants dans le panneau Paramètres de l'élément ou dans la fenêtre modale des paramètres d'élément sur le canevas.

Les éléments personnalisés créés par les applications dans le Concepteur sur la locale principale sont hérités par toutes les locales secondaires. Vous ne pouvez pas remplacer ou localiser les éléments personnalisés dans les locales secondaires.

Foire aux questions et solutions aux problèmes éventuels

Combien coûtent les applications ?

Les prix des applications sont fixés par le développeur de l'application et varient d'une application à l'autre.

Pourquoi certaines applications fonctionnent-elles dans le Designer tandis que d'autres non ?

Certaines applications sont conçues pour s'exécuter en arrière-plan (par exemple, la synchronisation des données), tandis que d'autres améliorent l'expérience du Concepteur. Pour les applications qui s'exécutent en arrière-plan, cliquez sur "Ouvrir l'application" pour vous connecter et configurer votre application sur le site des développeurs. Pour les applications qui s'exécutent dans le Concepteur, cliquez sur "Lancer l'application" pour ouvrir la fenêtre de l'application.

Les applications sont-elles sécurisées ?

Toutes les applications et versions d'applications sont examinées du point de vue de la sécurité avant d'être ajoutées à la marketplace de Webflow.

Puis-je définir ou modifier les autorisations d'une application ?

Lorsque vous autorisez une application, vous rencontrerez une liste des autorisations de l'application. Vous ne pouvez pas modifier les autorisations d'une application (elles sont définies par le développeur de l'application), mais vous pouvez limiter l'accès de l'application à un seul site ou espace de travail lors de l'installation de l'application.

Houston ! Mon application ne fonctionne pas comme prévu !

Si vous rencontrez des erreurs ou d'autres problèmes avec une application, consultez la page de détails de l'application pour trouver la page d'assistance des développeurs.

Comment puis-je créer des applications pour Webflow ?

Pour en savoir plus sur la création d'applications et consulter des ressources supplémentaires, visitez la leçon sur la contribution à la marketplace Webflow.