Zum Inhalt springen
Das Produkt

Ein Support-Widget für deine eigene Website.

Lege Texte und Beträge fest, prüfe das Ergebnis in der Live-Vorschau und binde das Widget mit einer Script-Zeile ein. Ab Starter passt du auch Farben und Darstellung an dein Branding an.

Free enthält dauerhaft das SupportTheWork-Branding. Ab Starter ist es standardmäßig ausgeblendet und freiwillig einschaltbar.

Widget bearbeiten Live-Vorschau
deinewebsite.de
Dein ProjektUnterstütze unsere Arbeit

Wenn dir gefällt, was wir machen, kannst du uns direkt unterstützen.

Beispielansicht · keine echte Zahlung
Vom Editor bis zum Embed

Konfigurieren, einbinden und auswerten.

Du verwaltest Widget, freigegebene Domains, Stripe-Verbindung und Auswertung im Kundenbereich. Das Widget selbst erscheint auf deiner Website.

01

Widget-Editor

Lege Überschrift, Beschreibung, Button-Text und Beträge fest. Farben, Position und Darstellung passt du ab Starter an.

02

Direkte Vorschau

Prüfe deine Änderungen im Dashboard, bevor du den Embed-Code auf deiner Website einfügst.

03

Kurzer Embed-Code

Eine Script-Zeile lädt das Widget isoliert in einem iFrame. Embed-Key und erlaubte Domain werden dabei geprüft.

04

Zentrale Verwaltung

Das Dashboard führt Widget-Konfiguration, Einbindung, Zahlungsanbieter, Nutzungsdaten und Support-Zahlungen zusammen.

Der Widget-Editor

Deine Inhalte, deine Ansprache, dein Auftritt.

Formuliere den Aufruf passend zu deinem Projekt. Änderungen werden direkt in der Vorschau sichtbar; die Designoptionen sind ab Starter verfügbar.

  • Eigene Überschrift, Beschreibung und Button-Beschriftung
  • Bis zu vier schnelle Auswahlbeträge und optional ein freier Betrag
  • Ab Starter: Markenfarbe, Position und kompakte oder ausführliche Darstellung
  • Vorschau für Desktop und Mobil direkt im Dashboard
  • Free mit Pflichtbranding; Starter und Pro standardmäßig ohne Branding
Editor ausprobieren
Widget-KonfigurationBeispielkonfiguration
WebsiteDein Projekt
ButtonJetzt unterstützen
ÜberschriftUnterstütze unsere Arbeit
PositionUnten rechts
Freier BetragAktiviert
HTML · vor </body>
<script src="https://supportthework.com/_modules/support-widget/embed.js" data-widget-key="stw_DEIN_PUBLIC_KEY" async></script>
Einbindung

Einbau ohne Seitenumbau.

Füge den generierten Code einmal vor dem schließenden </body>-Tag ein. Das Script erstellt das Widget und lädt dessen Oberfläche in einem separaten iFrame.

  • Eigener Widget-Key für die Konfiguration
  • Prüfung der freigegebenen Website-Domain
  • Lazy Loading ohne Umbau des vorhandenen Seitenlayouts
Einbindung im Detail
Das Zahlungsmodell

Das Widget öffnet auf deiner Website. Bezahlt wird bei Stripe.

Besucher wählen den Betrag im Widget und wechseln anschließend zum Stripe Checkout. Nach Abschluss oder Abbruch kehren sie zu deiner Website zurück. Die Zahlung wird für dein verbundenes Stripe-Konto verarbeitet; SupportTheWork verwahrt oder verteilt das Geld nicht zentral.

Stripe Connect und Checkout integriert
  1. 01
    Besucherwählt einen Support-Betrag
  2. 02
    Stripeverarbeitet Checkout und Zahlung
  3. 03
    Websitebetreibererhält das Geld über sein eigenes Konto
Produktumfang

Diese Funktionen stehen für dein Widget bereit.

SupportTheWork verbindet Widget-Verwaltung, Domainfreigabe, Stripe Connect sowie Nutzungs- und Zahlungsübersichten in einem Kundenbereich.

Widget und Website

Gestalten und sicher einbinden

  • Widget-Texte und Beträge konfigurieren
  • Ab Starter Farbe, Position und Darstellung anpassen
  • Änderungen kundenbezogen speichern und live ansehen
  • Domain freigeben, DNS-Nachweis und Installation getrennt prüfen
Zahlungen und Auswertung

Verbinden und verstehen

  • Eigenes Stripe-Konto über Stripe Connect verbinden
  • Support-Checkout direkt aus dem Widget starten
  • Zahlungsstatus über signierte Webhooks aktualisieren
  • Aufrufe, Interaktionen und Unterstützungen auswerten
Widget für deine Website

Freiwillige Unterstützung
bei deinem Projekt anbieten.

Erstelle dein Konto, richte dein Widget ein und verbinde dein eigenes Stripe-Konto.