--- title: "Custom Code widget - App Extension" description: "Create your own widgets to build the home page of your app" canonical_url: "https://www.goodbarber.com/extensions/custom-code-widget/" lang: en --- # Custom Code widget - App Extension ![](https://portal.ww-cdn.com/portal_static/svg/fapro/light/chevron-left.12142ccf5da5.svg)[View more extensions](https://www.goodbarber.com/extensions/) ![illustration for Custom Code widget](https://portal.ww-cdn.com/portal_static/images/addons/icon-customcodewidget.58e32dbf3a38.jpg) # Custom Code widget Create your own widgets to build the home page of your app For Content and eCommerce apps|Free ## Build a homepage that 100% matches your needs Custom widgets for a unique homepage ![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-1.daffbdd1a9d6.jpg) Explore a new dimension of personalization with GoodBarber's Custom Code Widgets. Unleash your creativity by designing custom widgets precisely tailored to the unique aesthetics and functionality you envision for your homepage. Custom Code Widgets are a blank page for turning your ideas into a truly unique experience. ## Development made simple Standard web languages Use common web languages such as HTML, JS and CSS to create each widget element as you wish. Whether you're an amateur or a professional, Custom Code Widgets give you the power to create user interfaces without any restrictions. ![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-2.61f4ed8f887d.jpg) ## A comprehensive code editor A professional tool to develop your widgets ![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-3.4f77053dc14e.jpg) The dedicated editor in your GoodBarber back office includes features you would expect from a professional development space: dark or light theme, syntax highlighting to improve code readability, the ability to reduce or extend code fragments, line numbering... Everything is done to allow you to concentrate fully on creating your widget. Take advantage of an intuitive workspace designed to meet your specific needs and provide an efficient yet pleasant creation experience. ## The GoodBarber app API Shared access between your own code and the GoodBarber engine ![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-4.b31070938a30.jpg) Would you like to use information from users connected to your app and reuse it in your widgets? We provide you with the GoodBarber API for simplified access to common data and methods. The GoodBarber App API gives you total flexibility, opening up a world of opportunities to create your app to suit your needs. See our [documentation](https://www.goodbarber.com/help/tools-for-developers-r14/custom-code-in-your-content-app-a297/) for more information. ## Get inspired on GitHub Explore practical examples and adapt them to your needs ![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-5.a55ce74e9aba.jpg) Get inspired by our practical examples available on [GitHub](https://github.com/goodbarber). These practical examples will guide you through the widget creation process and stimulate you to create ever more suitable widgets. Discover how to implement original ideas and adapt them to your own project to create an application that suits you. ## Associated extensions [illustration for Make (for eCommerce) Make (for eCommerce)With the Make extension, you have the possibility to connect your eCommerce app to thousands of other online services. It's the perfect add-on to set up automations without having to code. (You must have an account at www.make.com to use this extension)Free](https://www.goodbarber.com/extensions/make/) [illustration for Zapier (for eCommerce) Zapier (for eCommerce)With the Zapier add-on, you have the ability to connect your eCommerce app to thousands of other online services. It's the perfect add-on to set up automations without having to code. (You must have an account at www.zapier.com to use this add-on)Free](https://www.goodbarber.com/extensions/zapier/) [illustration for Make MakeWith the Make extension, you have the ability to connect your app to thousands of other online services. It's the perfect add-on to set up automations without having to code. (You must have an account at www.make.com to use this extension)Free](https://www.goodbarber.com/extensions/make-integration/) [illustration for Zapier ZapierWith the Zapier extension, you have the ability to connect your app to thousands of other online services. It's the perfect add-on to set up automations without having to code. (You must have an account at www.zapier.com to use this add-on)Free](https://www.goodbarber.com/extensions/zapier-integration/) [illustration for Custom video feed Custom video feedShare external content by creating your own custom feed with GoodBarber's Custom integration.Free](https://www.goodbarber.com/extensions/custom-video/) [illustration for Custom photo feed Custom photo feedShare external content by creating your own custom feed with GoodBarber's Custom integration.Free](https://www.goodbarber.com/extensions/custom-photo/) [illustration for Custom Sound Feed Custom Sound FeedIntegrate audio files into your app by creating your own custom feed with GoodBarber's Custom Sound integration.Free](https://www.goodbarber.com/extensions/custom-sound/) [illustration for Custom events feed Custom events feedShare events on your app by creating your own custom feed with GoodBarber's Custom Events integration.Free](https://www.goodbarber.com/extensions/custom-event/) [illustration for Custom article feed Custom article feedDeliver external content by creating your own custom feed with GoodBarber's Custom integrationFree](https://www.goodbarber.com/extensions/custom-article/) [illustration for API for eCommerce applications API for eCommerce applicationsCreate integrations between your application and external services thanks to the API for eCommerce apps. Several methods are available for sending push notifications, viewing customers and orders, managing your product catalog, creating marketing operations or obtaining statistics.Free](https://www.goodbarber.com/extensions/api-ecommerce/)