Spenden- oder Zahlungsformular auf deiner Website einbetten

Dieser Artikel erklärt, wie du ein Spenden- oder Zahlungsformular direkt über ein iFrame in deine Website einbindest. So können Unterstützer:innen eine Spende oder Zahlung abschliessen, ohne deine Seite zu verlassen.

Überblick

Mit dem Promotion-Kanal Einbettbares Spendenformular kannst du dein Spenden- oder Zahlungsformular direkt in deine Website einbinden, anstatt den Paylink zu verwenden, der das Formular auf einer von RaiseNow gehosteten Seite öffnet.

Du bindest das Formular mit einem von RaiseNow generierten Embed-Code ein und schaffst so ein integrierteres und individuell angepasstes Nutzungserlebnis. Unterstützer:innen können direkt auf deiner Seite spenden oder bezahlen, was Vertrauen schafft und den Prozess vertrauter wirken lässt.

So funktioniert es

In RaiseNow Hub – Embed-Code generieren

1. Erstelle das Formular: Erstelle eine Touchpoint-Lösung und passe sie an deine Anforderungen an.
2. Veröffentliche die Touchpoint-Lösung.
3. Scrolle zu Zahlungsformular in deine Website einbetten.

4. Optional: Konfiguriere Sprache und Darstellung (siehe Abschnitt unten).

5. Kopiere den Code: Der Code wird automatisch generiert. Er bleibt gleich, auch wenn du Änderungen an der Touchpoint-Lösung vornimmst. Du musst ihn nur einmal einbinden.

Auf deiner Website – Code einfügen

1. Melde dich in deinem Content-Management-System an.
2. Öffne den HTML-Code der Seite, auf der das Formular erscheinen soll.
3. Füge den Code an der gewünschten Stelle ein.
4. Passe bei Bedarf die Breite an dein Layout an (die Höhe passt sich automatisch an).
5. Speichere und veröffentliche die Seite.

Das Formular wird nun direkt auf deiner Website angezeigt.

Sprache und Darstellung konfigurieren (optional)

Wenn du in RaiseNow Hub auf Konfigurieren klickst, öffnet sich das Panel für Einbettungsoptionen mit einer Live-Vorschau deiner Touchpoint-Lösung. Oben kannst du zwischen Mobile- und Desktop-Ansicht wechseln. Rechts kannst du das Verhalten und die Darstellung des Formulars anpassen.

Info-Bereich anzeigen

Aktiviere oder deaktiviere Zeige den Infobereich an.
Damit steuerst du, ob der Info-Bereich deiner Touchpoint-Lösung im eingebetteten Formular angezeigt wird.

Breite

• Standard: Standardbreite des Formulars (580px)

• Automatisch: Passt sich automatisch an die verfügbare Breite deiner Website an

• Benutzerdefiniert: Definiert eine feste Breite (mindestens 352px)

Stil

• Rahmen: Einfacher Rahmen um das Formular
• Karte: Leichter Schatten, sodass das Formular wie eine Karte dargestellt wird

Wähle den Stil passend zu deinem Website-Design. Unterschiede können auf mobilen Geräten eingeschränkt sichtbar sein.

Einschränkungen mit dem einbettbaren Formular 

Bitte beachte folgende Einschränkungen bei der Verwendung der eingebetteten Touchpoint-Lösung:

• Apple Pay wird derzeit nicht unterstützt und ist im Embed deaktiviert (funktioniert jedoch weiterhin in der Touchpoint-Lösung)
• Falls du einen Info-Bereich, ein Logo oder den Organisationsnamen konfiguriert hast, sind diese im Embed standardmässig ausgeblendet
• Du kannst den Info-Bereich optional im Konfigurationsdialog einblenden
• Anpassungen im Embed sind auf Breite, Rahmen und Info-Bereich beschränkt
• Alle weiteren Design- und Inhaltsanpassungen müssen im Editor der Touchpoint-Lösung vorgenommen werden
• Jedes Formular kann nur einmal pro Landingpage eingebettet werden