Im Code-Snippet-Auswahlfeld stehen vier Varianten zur Verfügung: Standard (kompakt & mehrere Schritte), Standard (erweitert & alles auf einen Blick) sowie jeweils eine für Homepagebaukästen optimierte Variante (kompakt oder erweitert). Zeigt sich das Widget auf deiner Seite nicht wie erwartet, teste eine andere Variante.
Das Code-Snippet muss dabei entweder direkt in den Quellcode der Webseite eingefügt werden oder, je nach verwendetem Content-Management-System (CMS) über ein Modul wie "HTML" oder "Code".
Für folgende CMS findest du weitere Informationen hier:
Einbindung von Anlassspenden
Bei Projekten vom Typ Anlassspenden sind einige Besonderheiten bei der Einbindung zu beachten. Diese sind in diesem Artikel beschrieben.
Problem mit JavaScript-Code-Snippet
Sollte dein CMS es nicht erlauben JavaScript-Code in deine Seite einzubauen, kannst du oberhalb des Code-Snippets auch die Variante "Optimiert für Homepagebaukästen" benutzen. Dann wird twingle direkt über einen iframe eingebunden. Wenn du diese Variante benutzt funktionieren jedoch keine Vorbelegungen und die Höhenanpassung ist weniger flexibel. Daher empfehlen wir diesen Weg nicht. Für Anlassspenden ist dieser Weg gar nicht möglich. Du kannst twingle auf jeder Webseite einbinden, in die sich JavaScript-Code oder ein iFrame einfügen lässt, auch in Homepagebaukästen.
Spendenseite direkt verlinken
Statt das Widget einzubinden, kannst du auch direkt auf die Spendenseite von twingle verlinken, zum Beispiel aus einem Newsletter oder über einen QR-Code. Die Adresse findest du in den Projekteinstellungen unter Kontaktdaten & Einbindung im Feld "URL Spendenseite". Sie endet auf
/page und zeigt das Formular mit Kopfbereich (z. B. Überschrift) und einer Fußzeile mit Datenschutz und Impressum. Alle Angaben stehen auf einer Seite.Möchtest du nur das Formular ohne Kopf- und Fußbereich verlinken, ersetze am Ende der Adresse
/page durch /form. Das entspricht der Variante "Standard (erweitert & alles auf einen Blick)" beim Einbindungscode, zum Beispiel https://spenden.twingle.de/deine-organisation/dein-projekt/tw1234567890/form.Mit
/widget am Ende der Adresse öffnet sich stattdessen die kompakte Variante mit mehreren Schritten ("Standard (kompakt & mehrere Schritte)").Hinweise:
- Welche Zahlungsarten im Widget erscheinen, legst du in den Projekteinstellungen unter Betrag & Zahlung fest. Möchtest du für einen bestimmten Anlass nur eine Zahlungsart anbieten, lege dafür ein eigenes Projekt an (zum Beispiel als Kopie) und aktiviere dort nur diese Zahlungsart.
- Auch an die Adresse der Spendenseite kannst du Parameter zur Vorbelegung anhängen, siehe Kann ich den Betrag und/oder andere Werte im Widget vorbelegen?.