---
title: "Widget Custom Code - Extension pour les apps"
description: "Créez vos propres widgets pour construire la Home de votre app."
canonical_url: "https://fr.goodbarber.com/extensions/custom-code-widget/"
lang: fr
---

# Widget Custom Code - Extension pour les apps

![](https://portal.ww-cdn.com/portal_static/svg/fapro/light/chevron-left.12142ccf5da5.svg)[Voir plus d'extensions](https://fr.goodbarber.com/extensions/)

![illustration for Widget Custom Code](https://portal.ww-cdn.com/portal_static/images/addons/icon-customcodewidget.58e32dbf3a38.jpg)

# Widget Custom Code

Créez vos propres widgets pour construire la Home de votre app.

 Pour les apps de Contenu et de eCommerce|Gratuit

## Pensez votre Home à 100%

Des widgets personnalisés pour une page d’accueil unique

![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-1.daffbdd1a9d6.jpg)

Explorez une nouvelle dimension de personnalisation avec les Widgets Custom Code de GoodBarber. Laissez libre cours à votre créativité en concevant des widgets sur-mesure, adaptés précisément à l'esthétique et aux fonctionnalités uniques que vous imaginez pour votre page d'accueil. Les Widgets Custom Code sont une page blanche pour concrétiser vos idées en une expérience véritablement unique.

## Développez en toute simplicité

Langages Web standards

Utilisez des langages web courant tels que HTML, JS, et CSS pour créer chaque élément de vos widgets selon vos souhaits. Que vous soyez amateur ou professionnel, les Widgets Custom Code vous donne le pouvoir de créer des interface utilisateurs sans aucune restriction.

![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-2.61f4ed8f887d.jpg)

## Un éditeur de code complet

Un espace professionnel pour développer vos widgets

![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-3.4f77053dc14e.jpg)

L'éditeur dédié de votre back office GoodBarber comprends des fonctionnalités dignes d’espaces de développement professionnels: thème sombre ou clair, coloration syntaxique qui améliore la lisibilité du code, possibilité de réduire ou d'étendre des fragments de code, numérotation des lignes… Tout est fait pour vous permettre de vous concentrer pleinement sur la création de votre widget. Profitez d'un espace de travail intuitif conçu pour répondre à vos besoins spécifiques et offrir une expérience de création à la fois efficace et agréable.

## La GoodBarber App API

Un accès partagé entre votre propre code et le moteur GoodBarber

![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-4.b31070938a30.jpg)

Vous voulez utiliser des informations de vos utilisateurs connectés à votre app et les réutiliser dans vos widgets? Nous vous mettons à disposition la GoodBarber API permettant un accès simplifié aux données et méthodes courantes. La GoodBarber App API vous offre une flexibilité totale, ouvrant ainsi un monde d'opportunités pour créer votre application selon vos besoins.

Consultez notre [documentation](https://fr.goodbarber.com/help/outils-pour-les-developpeurs-r14/code-personnalise-dans-le-contenu-de-votre-app-a297/) pour plus d'informations.

## Trouvez l’inspiration sur GitHub

Explorez des exemples pratiques et adaptez les à vos besoins

![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-5.a55ce74e9aba.jpg)

Faites le plein d’inspiration grâce à nos exemples pratiques disponibles sur [GitHub](https://github.com/goodbarber). Ces exemples concrets vous guideront dans la création de widgets et vous stimuleront pour créer des widgets toujours plus adaptés. Découvrez comment mettre en œuvre des idées originales et adaptez-les à votre propre projet pour créer une application qui vous ressemble.

## Extensions associées

[illustration for Make (pour eCommerce) Make (pour eCommerce)Grâce à l’add-on Make, vous avez la possibilité de connecter votre app de eCommerce à des milliers d’autres services en ligne. C’est l’add-on idéal pour mettre en place des automatisations sans avoir besoin de coder. (Il est nécessaire d’avoir un compte chez www.make.com pour utiliser cet add-on)Gratuit](https://fr.goodbarber.com/extensions/make/)

[illustration for Zapier ZapierGrâce à l’extension Zapier, vous avez la possibilité de connecter votre app à des milliers d’autres services en ligne. C’est l’add-on idéal pour mettre en place des automatisations sans avoir besoin de coder. (Il est nécessaire d’avoir un compte chez www.zapier.com pour utiliser cet add-on)Gratuit](https://fr.goodbarber.com/extensions/integration-zapier/)

[illustration for Zapier (pour eCommerce) Zapier (pour eCommerce)Grâce à l’add-on Zapier, vous avez la possibilité de connecter votre app de eCommerce à des milliers d’autres services en ligne. C’est l’add-on idéal pour mettre en place des automatisations sans avoir besoin de coder. (Il est nécessaire d’avoir un compte chez www.zapier.com pour utiliser cet add-on)Gratuit](https://fr.goodbarber.com/extensions/zapier/)

[illustration for Make MakeGrâce à l’add-on Make, vous avez la possibilité de connecter votre app à des milliers d’autres services en ligne. C’est l’add-on idéal pour mettre en place des automatisations sans avoir besoin de coder. (Il est nécessaire d’avoir un compte chez www.make.com pour utiliser cet add-on)Gratuit](https://fr.goodbarber.com/extensions/make-integration/)

[illustration for Flux de photos personnalisé Flux de photos personnaliséDiffusez du contenu externe en créant votre propre flux personnalisé grâce à l’intégration Custom de GoodBarber.Gratuit](https://fr.goodbarber.com/extensions/custom-photo/)

[illustration for Flux de vidéos personnalisé Flux de vidéos personnaliséDiffusez du contenu externe en créant votre propre flux personnalisé grâce à l’intégration Custom de GoodBarber.Gratuit](https://fr.goodbarber.com/extensions/custom-video/)

[illustration for Flux d’événements personnalisé Flux d’événements personnaliséDiffusez des événements sur votre app en créant votre propre flux personnalisé grâce à l’intégration Custom Events de GoodBarber.Gratuit](https://fr.goodbarber.com/extensions/custom-event/)

[illustration for Flux audios personnalisés Flux audios personnalisésIntégrez des fichiers audios à votre app en créant votre propre flux personnalisé grâce à l’intégration Custom Sound de GoodBarber.Gratuit](https://fr.goodbarber.com/extensions/custom-sound/)

[illustration for Flux d’articles personnalisé Flux d’articles personnaliséDiffusez du contenu externe en créant votre propre flux personnalisé grâce à l’intégration Custom de GoodBarberGratuit](https://fr.goodbarber.com/extensions/custom-article/)

[illustration for Édition avancée Édition avancéeActivez les fonctionnalités avancées vous permettant d’accéder à des paramétrages cachés, pour une personnalisation encore plus poussée votre application.Gratuit](https://fr.goodbarber.com/extensions/advanced-edition/)
