--- title: "Benutzerdefinierte Widgets - App-Erweiterung" description: "Erstellen Sie Ihre eigenen Widgets, um die Startseite Ihrer App einzurichten" canonical_url: "https://de.goodbarber.com/extensions/custom-code-widget/" lang: de --- # Benutzerdefinierte Widgets - App-Erweiterung ![](https://portal.ww-cdn.com/portal_static/svg/fapro/light/chevron-left.12142ccf5da5.svg)[Mehr Erweiterungen anzeigen](https://de.goodbarber.com/extensions/) ![illustration for Benutzerdefinierte Widgets](https://portal.ww-cdn.com/portal_static/images/addons/icon-customcodewidget.58e32dbf3a38.jpg) # Benutzerdefinierte Widgets Erstellen Sie Ihre eigenen Widgets, um die Startseite Ihrer App einzurichten Für Inhalts-Apps und E-Commerce-Apps|Kostenlos ## Bauen Sie eine Startseite auf, die zu 100 % Ihren Bedürfnissen entspricht Benutzerdefinierte Widgets für eine einzigartige Startseite ![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-1.daffbdd1a9d6.jpg) Erleben Sie eine neue Dimension der Personalisierung mit den benutzerdefinierten Widgets von GoodBarber. Lassen Sie Ihrer Kreativität freien Lauf, indem Sie individuelle Widgets entwerfen, die genau auf die Vorstellungen zur einzigartigen Ästhetik und Funktionalität Ihrer Startseite passen. Benutzerdefinierte Widgets sind ein unbeschriebenes Blatt für die Umsetzung Ihrer Ideen in ein wirklich einzigartiges Erlebnis. ## Vereinfachte Entwicklung Standard-Web-Sprachen Verwenden Sie gängige Websprachen wie HTML, JS und CSS, um jedes Widget-Element nach Ihren Wünschen zu gestalten. Egal, ob Sie unbedarft oder professionell an die Sache herangehen, mit benutzerdefinierten Widgets erhalten Sie die Möglichkeit, Benutzeroberflächen ohne jegliche Einschränkungen zu erstellen. ![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-2.61f4ed8f887d.jpg) ## Ein umfassender Code-Editor Professionelles Tool zur Erstellung Ihrer Widgets ![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-3.4f77053dc14e.jpg) Der eigens dafür vorgesehene Editor in Ihrem GoodBarber-Backoffice enthält Funktionen, die Sie von einem professionellen Entwicklungsbereich erwarten würden: dunkles oder helles Farbschema, Syntaxhervorhebung zur Verbesserung der Code-Lesbarkeit, die Möglichkeit, Codeabschnitte zu reduzieren oder zu erweitern, Zeilennummerierung ... Es ist alles vorbereitet, damit Sie sich ganz auf die Erstellung Ihres Widgets konzentrieren können. Profitieren Sie von einem intuitiven Arbeitsbereich, der auf Ihre konkreten Bedürfnisse zugeschnitten ist und eine effiziente und angenehme Menüerstellung erlaubt. ## API der GoodBarber App Gemeinsamer Zugriff auf Ihren eigenen Code und die GoodBarber-Engine ![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-4.b31070938a30.jpg) Möchten Sie Zugriff auf die Informationen Ihrer Benutzer haben und für Ihre Widgets einsetzen? Wir stellen Ihnen die GoodBarber API für einen vereinfachten Zugriff auf gemeinsame Daten und Methoden zur Verfügung. Die API der GoodBarber App bietet Ihnen vollständige Flexibilität und eröffnet Ihnen eine Welt voller Möglichkeiten, Ihre App nach Ihren Bedürfnissen zu gestalten. Weitere Informationen finden Sie in unserer [Dokumentation](https://www.goodbarber.com/help/tools-for-developers-r14/custom-code-in-your-content-app-a297/). ## Auf GitHub inspirieren lassen Sehen Sie sich praktische Beispiele an und passen Sie sie an Ihre Bedürfnisse an ![](https://portal.ww-cdn.com/portal_static/images/addons/detail-customcodewidget-5.a55ce74e9aba.jpg) Lassen Sie sich durch praktische Beispiele auf [GitHub](https://github.com/goodbarber) inspirieren. Diese praktischen Beispiele führen Sie durch den Prozess der Widget-Erstellung und regen Sie dazu an, zusätzliche geeignete Widgets zu erstellen. Erfahren Sie, wie Sie originelle Ideen umsetzen und sie an Ihr eigenes Projekt anpassen können, um eine zu Ihnen passende App zu erstellen. ## Zugehörige Erweiterungen [illustration for Make (für eCommerce) Make (für eCommerce)Mit dem Add-on „Integromat“ können Sie Ihre E-Commerce-App mit Tausenden von anderen Online-Diensten verknüpfen. Mit diesem Add-on richten Sie automatische Aktionen ganz einfach ohne Programmierung ein. (Zur Nutzung dieses Add-ons müssen Sie über www.integromat.com ein Konto anlegen.)Kostenlos](https://de.goodbarber.com/extensions/make/) [illustration for Make MakeMit dem Make-Add-on haben Sie die Möglichkeit, Ihre Shopping-App mit Tausenden von anderen Online-Diensten zu verbinden. Dank dieses Add-ons erstellen Sie ganz leicht Automatisierungen, ohne diese selbst programmieren zu müssen. (Sie müssen einen Account bei make haben, um dieses Add-on verwenden zu können.)Kostenlos](https://de.goodbarber.com/extensions/make-integration/) [illustration for Eigener Video-Feed Eigener Video-FeedMit der Integration für benutzerdefinierte Feeds von GoodBarber teilen Sie externe Inhalte über Ihren eigenen benutzerdefinierten Feed.Kostenlos](https://de.goodbarber.com/extensions/custom-video/) [illustration for Eigener Foto-Feed Eigener Foto-FeedMit der Integration für benutzerdefinierte Feeds von GoodBarber teilen Sie externe Inhalte über Ihren eigenen benutzerdefinierten Feed.Kostenlos](https://de.goodbarber.com/extensions/custom-photo/) [illustration for Eigene Audios Eigene AudiosMit der Integration „Eigene Audios“ für benutzerdefinierte Feeds von GoodBarber teilen Sie Audiodateien über Ihren eigenen benutzerdefinierten Feed.Kostenlos](https://de.goodbarber.com/extensions/custom-sound/) [illustration for Zapier (für eCommerce) Zapier (für eCommerce)Mit dem Zapier-Add-on haben Sie die Möglichkeit, Ihre Shopping-App mit Tausenden von anderen Online-Diensten zu verbinden. Dank dieses Add-ons erstellen Sie ganz leicht Automatisierungen, ohne diese selbst programmieren zu müssen. (Sie müssen einen Account bei zapier haben, um dieses Add-on verwenden zu können.)Kostenlos](https://de.goodbarber.com/extensions/zapier/) [illustration for Zapier ZapierMit dem Zapier-Add-on haben Sie die Möglichkeit, Ihre Shopping-App mit Tausenden von anderen Online-Diensten zu verbinden. Dank dieses Add-ons erstellen Sie ganz leicht Automatisierungen, ohne diese selbst programmieren zu müssen. (Sie müssen einen Account bei zapier haben, um dieses Add-on verwenden zu können.)Kostenlos](https://de.goodbarber.com/extensions/zapier-integration/) [illustration for Eigener Artikel-Feed Eigener Artikel-FeedMit der Integration für benutzerdefinierte Feeds von GoodBarber teilen Sie externe Inhalte über Ihren eigenen benutzerdefinierten FeedKostenlos](https://de.goodbarber.com/extensions/custom-article/) [illustration for Eigene Veranstaltungen Eigene VeranstaltungenMit der Integration „Eigene Veranstaltungen“ für benutzerdefinierte Feeds von GoodBarber teilen Sie Veranstaltungen über Ihren eigenen benutzerdefinierten Feed.Kostenlos](https://de.goodbarber.com/extensions/custom-event/) [illustration for API für E-Commerce-Apps API für E-Commerce-AppsErstellen Sie mit der API für E-Commerce-Apps Integrationen zwischen Ihrer App und externen Diensten. Es stehen mehrere Methoden zur Verfügung, um Push-Benachrichtigungen zu versenden, Kunden und Bestellungen einzusehen, Ihren Produktkatalog zu verwalten, Marketingaktionen zu erstellen oder Statistiken zu erhalten.Kostenlos](https://de.goodbarber.com/extensions/api-ecommerce/)