Das Product

Ein Support-Widget für deine eigene Website.

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

Start for free Features ansehen

Free enthält forever 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 Customer area. Das Widget selbst erscheint auf deiner Website.

Widget-Editor

Lege Headline, Beschreibung, Button-Text und Amounts 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-Configuration, Integration, Payment provider, Nutzungsdaten und Support payments 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 Amount
Ab Starter: Brand color, Position und kompakte oder ausführliche Darstellung
Preview for desktop and mobile direkt im Dashboard
Free mit Pflichtbranding; Starter und Pro standardmäßig ohne Branding

Editor ausprobieren

WebsiteYour project

ButtonJetzt unterstützen

HeadlineSupport our work

PositionUnten rechts

Freier AmountActiveiert

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 Configuration
Prüfung der freigegebenen Website-Domain
Lazy Loading ohne Umbau des vorhandenen Seitenlayouts

Integration im Detail

Das Paymentsmodell

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

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

Stripe Connect und Checkout integriert

01
Besucherwählt einen Support-Amount
02
Stripeverarbeitet Checkout und Payment
03
Websitebetreibererhält das Geld über sein eigenes Account

Productumfang

Diese Features stehen für dein Widget bereit.

SupportTheWork verbindet Widget-Verwaltung, Domainfreigabe, Stripe Connect sowie Nutzungs- und Paymentsübersichten in einem Customer area.

Widget und Website

Gestalten und sicher einbinden

Widget-Texte und Amounts konfigurieren
Ab Starter Farbe, Position und Darstellung anpassen
Änderungen kundenbezogen speichern und live ansehen
Domain freigeben, DNS-Nachweis und Installation getrennt prüfen

Paymenten und Auswertung

Verbinden und verstehen

Eigenes Stripe-Account über Stripe Connect verbinden
Support-Checkout direkt aus dem Widget starten
Paymentsstatus über signierte Webhooks aktualisieren
Views, Interaktionen und Unterstützungen auswerten