Das Anmeldeformular lässt sich in jede Website einbinden: WordPress, Wix, Jimdo, Squarespace, Webflow oder eine selbst gebaute Seite. Neue Mitglieder füllen es direkt auf deiner Website aus und bezahlen dort auch gleich (Karte, TWINT oder Banküberweisung mit QR-Rechnung).
Am Ende hast du: ein Formular auf deiner Website, das genau so hoch ist wie sein Inhalt, ohne Scrollbalken, und nach dem Absenden automatisch wieder ins Bild scrollt.
Das Formular nimmt nur Anmeldungen an, wenn Öffentliche Anmeldungen eingeschaltet ist. Dafür müssen zahls.ch und (solange Banküberweisungen erlaubt sind) Vereinsadresse und Bankverbindung eingerichtet sein. Details unter Online-Anmeldeformular.
Code holen
- Vereinsmitglieder öffnen und oben auf Anmeldeformular integrieren klicken (oder Zahnrad Mitgliedereinstellungen verwalten › Formular anpassen).
- Zum Abschnitt Zur Website hinzufügen scrollen und den Tab Formular einbetten wählen.
- Mit Code kopieren den Code kopieren und auf deiner Website einfügen.
Der Code sieht so aus, mit der Kennung deines Vereins statt dein-verein:
<iframe src="https://www.membear.ch/dein-verein" title="Mitglied werden" data-membear-embed loading="lazy" allow="payment" style="display: block; width: 100%; height: 900px; border: 0;" ></iframe> <script src="https://www.membear.ch/embed.js" async></script> <p style="margin: 8px 0 0; font-size: 12px; text-align: right;"> Mitgliederverwaltung mit <a href="https://www.membear.ch/de" target="_blank" rel="noopener">Membear</a> </p>
| Teil | Wozu |
|---|---|
data-membear-embed | markiert das Formular für das Skript |
embed.js | passt die Höhe laufend an den Inhalt an und scrollt bei einem neuen Schritt (Zahlung, Bestätigung) zum Formular |
allow="payment" | erlaubt Zahlungen mit TWINT, Karte, Apple Pay und Google Pay im Formular |
height: 900px | Höhe, solange das Skript lädt, oder wenn deine Website keine Skripte erlaubt |
title | Name des Formulars für Screenreader |
<p> am Schluss | kleine Zeile «Mitgliederverwaltung mit Membear» unter dem Formular |
Die Kennung deines Vereins bleibt gleich, auch wenn du den Vereinsnamen änderst. Eingebettete Formulare funktionieren also weiter.
Verdeckt ein fixierter Header den Anfang des Formulars, gib den Abstand in Pixeln an: data-membear-scroll-offset="80" im <iframe>.
Website-Baukästen
WordPress (Gutenberg)
- Block Individuelles HTML einfügen.
- Den kopierten Code einfügen.
- Seite aktualisieren und in der Vorschau prüfen.
Plugins wie «Wordfence» oder Sicherheits-Header können iframes oder fremde Skripte blockieren. Fehlt das Skript, funktioniert das Formular trotzdem, aber mit fester Höhe.
Wix
- Hinzufügen › Einbetten › Code einbetten (HTML iframe).
- Code wählen und den kopierten Code einfügen.
- Das Element auf volle Breite ziehen. Wix setzt um eingebetteten Code einen eigenen Rahmen: Stelle die Höhe auf etwa 1200 px ein, damit auch längere Formulare Platz haben.
Jimdo
- Element Widget/HTML hinzufügen.
- Den Code einfügen und speichern.
Squarespace
- Block Code einfügen (Modus HTML).
- Den Code einfügen und speichern.
Nur ein Link oder Button
Statt das Formular einzubetten, kannst du auch nur verlinken, zum Beispiel in E-Mails, auf Social Media oder hinter einem Button: https://www.membear.ch/<vereins-kennung>. Im Tab Direkter Link findest du die Formular-URL und ein Button-Beispiel zum Kopieren.
Eigenes Formular
Willst du ein komplett eigenes Formular bauen (z. B. in einem WordPress-Plugin), nimm die öffentliche API. Sie nimmt Anmeldungen mit denselben Regeln entgegen wie das eingebettete Formular.
Schutz vor Spam
Das Formular enthält ein unsichtbares Feld, das automatische Anmeldungen erkennt. Zusätzlich begrenzt Membear die Anzahl Anmeldungen: höchstens 30 pro Stunde für deinen Verein und höchstens 3 pro Tag mit derselben E-Mail-Adresse. Diese Grenzen gelten auch für die API.
Häufige Fragen
Das Formular ist abgeschnitten oder hat einen Scrollbalken. Prüfe, ob die Zeile mit embed.js mitkopiert wurde und ob dein Baukasten Skripte zulässt. Ohne Skript erhöhst du einfach den Wert bei height.
Die Zahlung mit TWINT oder Karte startet nicht. Prüfe, ob allow="payment" im <iframe> steht.
Ich sehe «Anmeldung nicht verfügbar». Entweder fehlt noch etwas bei der Einrichtung (zahls.ch einrichten, bei Banküberweisung zusätzlich Adresse und IBAN des Vereins), oder Öffentliche Anmeldungen ist ausgeschaltet.
Ich sehe «Einrichtung erforderlich». Lege zuerst mindestens einen Mitgliedschaftstyp an.