Webkomponenten
Die Webkomponenten.
Mit den GoodFunds-Webkomponenten sammelt ihr Unterschriften direkt auf eurer eigenen Website – im eigenen Design, ohne Programmierkenntnisse und ohne dass Besucher:innen eure Seite verlassen. Weitere Mittel wie Spenden folgen.
Einbindung
Ein Script-Tag genügt
Ein einziges Script-Tag in eure Website, die Komponente an die gewünschte Stelle, fertig. Das funktioniert in WordPress, Drupal, Typo3 und jedem anderen System, das HTML zulässt. Den fertigen Einbettungscode kopiert ihr im Manager per Klick.
Design
Euer Branding, geschützt in beide Richtungen
Die Komponenten übernehmen Farben, Schriften und Logo automatisch aus eurem zentral hinterlegten Styleguide – inklusive eigener Webfonts und beider Farbmodi. Gleichzeitig sind sie technisch gekapselt (Shadow DOM): Das CSS eurer Website kann das Formular nicht kaputtmachen und umgekehrt, ganz ohne iframe.
- Farben, Schriften und Logo aus eurem Styleguide
- Heller und dunkler Modus zentral hinterlegt, die Komponente folgt der Einstellung eurer Besucher:innen
- Gekapselt per Shadow DOM, ganz ohne iframe
Webkomponenten zum Datensammeln
Mittel sammeln auf eurer Website
Vom schlanken Button bis zum vollständigen Formular: Diese Webkomponenten erstellt und konfiguriert ihr im Manager und bettet sie in eure Website ein. Das mehrseitige Formular bringt Double-Opt-in, Duplikat-Erkennung und Newsletter-Opt-in gleich mit. Die Beispiele zeigen das Spenden-Design; live sammelt ihr damit heute Unterschriften, die Spenden-Einbettung ist in Entwicklung.
Button
Ein anpassbarer Button in eurer Website, der das Formular direkt im Overlay öffnet – ideal für Header und Kampagnen-Teaser.
Formular
Das mehrstufige Formular direkt in eurer Seite: mit den Feldern und Optionen, die ihr im Manager konfiguriert habt.
Popup
Öffnet sich im richtigen Moment mit Kampagnenbild und Call-to-Action – gut für Aktionszeiträume.
Card
Kampagnen-Karten mit Bild, Text und Button, einzeln oder im Raster – fügen sich in jede Inhaltsseite ein.
Social Proof
Zeigt die letzten Unterstützungsaktionen in Echtzeit – nichts überzeugt besser als andere, die gerade mitmachen.
Sticky-Button
Der Call-to-Action bleibt am Bildschirmrand sichtbar, sobald das Formular aus dem Blick scrollt.
Message-Banner
Ein schlanker Hinweis-Banner mit Bild und Link, der sich dezent über eure Inhalte legt.
Impact-Slider
Unterstützer:innen wählen ihren Betrag per Schieberegler – spielerisch und mit direktem Bezug zur Wirkung.
Auswertung
Auswertung für alle Mittel
In Entwicklung: Mit diesen Webkomponenten wertet ihr die gesammelten Mittel künftig interaktiv direkt auf eurer Website aus. Die Vorschau zeigt, was entsteht.
Balkendiagramm
Ein interaktives Balkendiagramm, das die Fortschritte von Kampagnen visualisiert.
Gauge
Ein Messgerät, das den Fortschritt einer Kampagne in Echtzeit anzeigt.
Tortendiagramm
Ein Tortendiagramm zur Visualisierung der Verteilung von Beiträgen (z.B. Anzahl der Unterschriften oder Spenden).
Kennzahl
Wichtige Kennzahlen, wie die Anzahl der Teilnehmer oder die erreichte Spendenhöhe, werden in einer übersichtlichen Darstellung angezeigt.
Laufende Aktion
Eine Übersicht über alle laufenden Kampagnen, die die aktuellen Sammelaktionen für Spenden, Unterschriften, Bewerbungen oder Eventanmeldungen zeigt.