Aller au contenu
Das Produit

Ein Soutien-Widget für deine eigene Website.

Lege Textee und Montants fest, prüfe das Ergebnis in der Aperçu en direct und binde das Widget mit einer Script-Zeile ein. Ab Starter passt du auch Farben und Affichage an dein Branding an.

Free enthält à vie das SoutienTheWork-Branding. Ab Starter ist es standardmäßig ausgeblendet und freiwillig einschaltbar.

Widget bearbeiten Aperçu en direct
votresite.fr
Ton projetSoutiens notre travail

Si tu aimes ce que nous faisons, tu peux nous soutenir directement.

Exemple · aucun paiement réel
Vom Editor bis zum Embed

Konfigurieren, einbinden und auswerten.

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

01

Widget-Editor

Lege Titre, Description, Button-Texte und Montants fest. Farben, Position und Affichage passt du ab Starter an.

02

Direkte Vorschau

Prüfe deine Änderungen im Tableau de bord, bevor du den Code d’intégration auf deiner Website einfügst.

03

Kurzer Code d’intégration

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

04

Zentrale Verwaltung

Das Tableau de bord führt Widget-Configuration, Intégration, Prestataire de paiement, Utilisationsdaten und Paiements de soutien zusammen.

Der Widget-Editor

Deine Contenue, 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.

  • Titre, description et libellé du bouton personnalisés
  • Bis zu vier schnelle Auswahlbeträge und optional ein freier Montant
  • Ab Starter: Couleur de marque, Position und kompakte oder ausführliche Affichage
  • Aperçu sur ordinateur et mobile direkt im Tableau de bord
  • Free mit Pflichtbranding; Starter und Pro standardmäßig ohne Branding
Editor ausprobieren
Widget-ConfigurationBeispielkonfiguration
WebsiteTon projet
ButtonSoutenir maintenant
TitreSoutiens notre travail
PositionEn bas à droite
Freier MontantActifiert
HTML · vor </body>
<script src="https://supportthework.com/_modules/support-widget/embed.js" data-widget-key="stw_DEIN_PUBLIC_KEY" async></script>
Intégration

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
Intégration im Detail
Das Paiementsmodell

Das Widget öffnet auf deiner Website. Payé wird bei Stripe.

Besucher sélectionner den Montant im Widget und wechseln anschließend zum Stripe Checkout. Nach Abschluss oder Abbruch kehren sie zu deiner Website zurück. Die Paiement wird für dein verbundenes Stripe-Compte verarbeitet; SoutienTheWork verwahrt oder verteilt das Geld nicht zentral.

Stripe Connect und Checkout integriert
  1. 01
    Besucherwählt einen Soutien-Montant
  2. 02
    Stripeverarbeitet Checkout und Paiement
  3. 03
    Websitebetreibererhält das Geld über sein eigenes Compte
Produitumfang

Diese Fonctionnalités stehen für dein Widget bereit.

SoutienTheWork verbindet Widget-Verwaltung, Domainfreigabe, Stripe Connect sowie Utilisations- und Paiementsübersichten in einem Espace client.

Widget und Website

Gestalten und sicher einbinden

  • Widget-Textee und Montants konfigurieren
  • Ab Starter Farbe, Position und Affichage anpassen
  • Änderungen kundenbezogen speichern und live ansehen
  • Autoriser le domaine, DNS-Nachweis und Installation getrennt prüfen
Paiements und Auswertung

Verbinden und verstehen

  • Eigenes Stripe-Compte über Stripe Connect verbinden
  • Soutien-Checkout direkt aus dem Widget starten
  • Paiementsstatus über signierte Webhooks aktualisieren
  • Vues, Interaktionen und Unterstützungen auswerten
Widget pour ton site web

Proposer un soutien volontaire
pour ton projet.

Crée ton compte, configure ton widget et connecte ton propre compte Stripe.