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.

Start for free Funktionen ansehen

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

Widget bearbeiten Live preview

yourwebsite.com

Your projectSupport our work

If you like what we do, you can support us directly.

Example view · no real payment

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.

Widget-Editor

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

Direkte Vorschau

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

Kurzer Embed-Code

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

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.

Custom headline, description and button label
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

WebsiteYour project

ButtonSupport now

HeadlineSupport our work

PositionBottom Right

Freier BetragAktiviert

HTML · vor </body>

<script src="https://supportthework.com/_modules/support-widget/embed.js" data-widget-key="stw_DEIN_PUBLIC_KEY" async></script>

Integration

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

01
Besucherwählt einen Support-Betrag
02
Stripeverarbeitet Checkout und Zahlung
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