Helferliste auf der eigenen Vereins-Homepage einbinden

Das Widget in 2 Schritten

Im Menü „Mehr“ unten auf der Seite eures Events wartet ein fertiger Code-Schnipsel, den ihr 1:1 in eure Homepage kopiert:

1. 1. Code über „Mehr“ kopieren

   helferklick.de/events/vereinsfest

   Widget einbinden

   Farben

   Passt das Widget an eure Vereinsfarben an – die Werte landen direkt im Code darunter.

   Akzent

   #B8863C

   Buttons, Auswahl und Hervorhebungen

   Hauptfarbe

   #2C5F3E

   Überschriften, Badges und der Begrüßungs-Block

   Hintergrund

   #F6F1E4

   Bitte hell halten – die Texte im Widget sind für hellen Grund gemacht.

   Code zum Einbinden

   Bindet die Helferliste direkt auf eurer Vereinsseite ein – lädt automatisch beim Seitenaufruf.

   <!-- helferklick: Helferliste einbinden -->
   <div
     data-helferklick-widget
     data-slug="VEREINSFES-A1B2"
     data-accent-color="#B8863C"
     data-primary-color="#2C5F3E"
     data-bg-color="#F6F1E4"
   ></div>
   <script src="https://helferklick.de/widget.js" async></script>

   Datenschutz

   Baut beim Laden eine Verbindung zu helferklick.de auf – bitte kurz in eurer Datenschutzerklärung erwähnen.

   Code kopieren

2. 2. Läuft in euren eigenen Farben

   sv-musterdorf.de

   Helferliste Vereinsfest

   12. September

   Wir freuen uns auf deine Hilfe!

   🍺 Ausschank

   Sa., 12. Sep.·14:00–18:00 Uhr

   Jonas+ Platz frei

   Bereitgestellt von helferklick.de

Warum ein Link allein oft nicht reicht

Ein Link funktioniert gut, solange er verschickt wird. Wer dagegen von sich aus auf die Vereinsseite kommt, findet dort meist nur einen Menüpunkt, der auf eine fremde Seite führt. Ein PDF wäre bei der nächsten Planänderung veraltet, und ein externes Formular-Tool passt selten zur eigenen Optik. Mit dem Widget steht die Liste aktuell und in euren Farben dort, wo die Mitglieder ohnehin nach Terminen schauen.

Die Handgriffe im Überblick

1. 1Event mit Schichten in helferklick anlegen
2. 2Unten in der Leiste auf „Mehr“ tippen und „Widget einbinden“ öffnen
3. 3Code kopieren, vorher bei Bedarf die Farben an eure Vereinsseite anpassen
4. 4Code in die eigene Homepage einfügen (HTML-Baustein oder Editor)
5. 5Kurzen Hinweis dazu in der eigenen Datenschutzerklärung ergänzen

Häufige Fragen