Was ist das Formular-Portal?

Das Portal ist eine öffentliche Seite mit allen Formularen eures Vereins – gegliedert nach Abteilungen, mit Kategorie-Filter und Ansprechpartnern. Mitglieder sehen auf einen Blick welche Formulare verfügbar sind und können sie direkt öffnen.

Das Besondere: Ihr könnt das Portal direkt auf eurer Vereinswebseite einbetten. Es sieht dann nicht aus wie ein externes Tool, sondern wie ein natürlicher Teil eurer Seite – mit eurer Akzentfarbe und eurem Hintergrund.

[Screenshot vom eingebetteten Portal auf der SC Kirchdorf Webseite – Formulare nach Abteilungen gegliedert, integriert in das bestehende Seitenlayout]

Portal aktivieren

  1. Navigiert zu Einstellungen in der Seitenleiste
  2. Wechselt zum Tab Portal
  3. Setzt den Haken bei "Portal aktivieren"

[Screenshot von den Portal-Einstellungen mit aktiviertem Portal]

Ihr bekommt sofort einen Portal-Link, z.B. https://my.formsache.app/portal/sck. Diesen Link könnt ihr direkt teilen – er funktioniert auch als eigenständige Seite. Aber die volle Wirkung entfaltet das Portal erst, wenn es eingebettet ist.

Portal auf eurer Webseite einbetten

Unter dem Portal-Link findet ihr den Einbettungscode. Das ist ein HTML-Snippet mit einem iframe und einem kleinen Script:

<iframe id="formsache-portal"
  src="https://my.formsache.app/portal/euerverein?embed=1&color=ff6600&bg=f5f5f4&nav=self"
  width="100%" height="400"
  style="border:none; max-width:100%;">
</iframe>
<script>
(function(){
  var max=2000;
  window.addEventListener("message", function(e){
    if(e.data && e.data.type==="formsache-portal-resize"){
      var f=document.getElementById("formsache-portal");
      if(f) f.style.height=Math.min(e.data.height,max)+"px"
    }
  })
})();
</script>

Das Script sorgt dafür, dass sich die Höhe automatisch anpasst – kein Scrollen innerhalb des iframes, keine leeren Flächen.

Parameter anpassen

Der Einbettungscode hat vier Parameter die ihr anpassen könnt:

Parameter Bedeutung Beispiel
embed=1 Aktiviert den Einbettungsmodus (schlankes Layout ohne Header) Immer 1
color Akzentfarbe als Hex-Wert ohne # ff6600 (Orange), 1A7F6E (Grün)
bg Hintergrundfarbe als Hex-Wert ohne # f5f5f4 (helles Grau), ffffff (Weiß)
nav Wohin führen Klicks auf Formulare self (im iframe) oder blank (neuer Tab)

Tipp: Stellt color auf die Primärfarbe eurer Vereinswebseite. Dann sieht das Portal aus wie ein nativer Bestandteil eurer Seite.

Einbetten in gängige Systeme

WordPress:

  1. Erstellt eine neue Seite (z.B. "Formulare")
  2. Fügt einen "Custom HTML"-Block hinzu
  3. Fügt den Einbettungscode ein
  4. Veröffentlichen – fertig

Wix / Squarespace / Jimdo:

  1. Fügt ein "HTML einbetten"-Element auf eurer Seite ein
  2. Fügt den Einbettungscode ein
  3. Speichern

Statische Webseite (HTML): Fügt den Code einfach an der gewünschten Stelle in eurer HTML-Datei ein.

Welche Formulare erscheinen im Portal?

Im Portal erscheinen nur Formulare, bei denen "Im Portal anzeigen" aktiviert ist. Das stellt ihr pro Formular ein:

  1. Öffnet das Formular unter Formulare → Bearbeiten
  2. Im Bereich Allgemein setzt den Haken bei "Im Portal anzeigen"
  3. Speichern

[Screenshot von der Formular-Bearbeitung mit der Checkbox "Im Portal anzeigen"]

Das Portal zeigt die Formulare nach Abteilungen gegliedert an – in der Reihenfolge, die ihr unter Einstellungen → Abteilungen festgelegt habt. Innerhalb jeder Abteilung werden auch Kategorien (z.B. "Spielbetrieb") angezeigt. Bei Abteilungen mit hinterlegtem Ansprechpartner werden Name, E-Mail und Telefon direkt neben der Abteilungsüberschrift angezeigt.

Tipp: Nutzt das Portal für Formulare, die Mitglieder selbstständig finden und ausfüllen sollen – z.B. Aufnahmeantrag, Mitgliedsantrag, SEPA-Mandat. Formulare die ihr gezielt verschickt (z.B. Einverständniserklärungen) brauchen nicht im Portal zu sein.

Direkter Link vs. Einbettung

Ihr habt zwei Wege, das Portal zu nutzen:

Direkter Link – https://my.formsache.app/portal/euerverein

  • Eigenständige Seite mit Formsache-Branding
  • Gut zum schnellen Teilen per WhatsApp oder E-Mail
  • Kein Aufwand, sofort nutzbar

Einbettung per iframe – auf eurer Vereinswebseite

  • Sieht aus wie Teil eurer Webseite
  • Mitglieder verlassen eure Seite nicht
  • Anpassbar an eure Farben
  • Professioneller Auftritt

Wir empfehlen die Einbettung – der Aufwand ist minimal (ein HTML-Snippet einfügen) und das Ergebnis deutlich professioneller. Mitglieder bleiben auf eurer Seite und finden die Formulare dort, wo sie sie erwarten.