Webseiten-Integration

Mit Payrexx können Spendenkampagnen ganz einfach in Websites oder Newsletter eingebunden werden, ohne dass Besucher Deine Kanäle verlassen müssen, um eine Spende zu tätigen.

Für die Einbindung von Spendenkampagnen in Deine Kanäle gibt es verschiedene Möglichkeiten. Programmierkenntnisse sind dafür nicht notwendig. Im vorliegenden Artikel erfährst Du, wie es funktioniert.

Einbindung als Spenden-Button

Die erste Möglichkeit, Spendenkampagnen in Deine Website einzubinden, ist die Einrichtung eines Spenden-Buttons, den Du anzeigen kannst, wo immer Du möchtest.

Klickt der Besucher auf den Spendenbutton, öffnet sich die Spendenseite in einem überlagerten Fenster. Dies hat den grossen Vorteil, dass der Spender Deine Webseite nicht verlassen muss.

Um einen Spenden-Button einzurichten, gehe bitte wie folgt vor:

  1. Logge Dich in Dein Payrexx-Konto ein.

  2. Klicke im Hauptmenü auf "Donation".

  3. Klicke auf "Spendenseite erstellen" oder öffne eine bestehende Spendenseite im Bearbeitungsmodus.

  4. Klicke auf den Button "In Webseite einbinden" und wähle die Option "Als Spenden-Button":

  1. Es öffnet sich ein neues Fenster, in dem diverse Einstellungen vorgenommen werden können. Im oberen Teil des Fensters (Optionen für die Spendenseite) kannst Du Folgendes festlegen:

  • Kampagnenbeschreibung anzeigen: Festlegen, ob die Beschreibung der Spendenkampagne auf der Website angezeigt werden soll oder nicht

  • Spendenbetrag vorauswählen: Festlegen, ob im Spendenformular ein bestimmter Betrag vorausgewählt sein soll oder nicht

  • Standard-Zahlungsintervall: Auswählen, welches Zahlungsintervall vorausgewählt sein soll (es stehen die Intervalle zur Verfügung, die in der Spendenkampagne unter Zahlungsinformationen > Spendenintervall aktiviert wurden)

  • Sprache: Auswahl, in welcher Sprache die Spendenkampagne auf der Website angezeigt werden soll

  1. Im unteren Teil des Fensters können Einstellungen zur Darstellung vorgenommen werden:

  • Farbe: Festlegen, in welcher Farbe der Button dargestellt werden soll

  • Grösse: Einstellen, ob der Button klein, mittel oder gross dargestellt werden soll

  • Textfarbe: Festlegen der Textfarbe des Buttons

  • Textfeld: Konfiguration des Textes, der auf dem Button angezeigt werden soll

Die Vorschau im rechten Teil des Fensters zeigt in Echtzeit an, wie der Spendenbutton auf der Website aussehen wird.

  1. Um den Button in die Website einzubinden, muss lediglich der HTML-Code links unten im Fenster kopiert und auf der Website an der Stelle eingefügt werden, an der der Button angezeigt werden soll.

Einbindung als iFrame

Eine weitere Möglichkeit zum Anzeigen einer Spendenkampagne auf Deiner Website ist die Einbindung mittels iFrame. Dabei wird auf der Website nicht nur ein Button, sondern direkt das gesamte Spendenformular angezeigt.

  1. Logge Dich in Dein Payrexx-Konto ein.

  2. Klicke im Hauptmenü auf "Donation".

  3. Klicke auf "Spendenseite erstellen" oder öffne eine bestehende Spendenseite im Bearbeitungsmodus.

  4. Klicke auf den Button "In Webseite einbinden" und wähle die Option "Als komplette Kampagne (iFrame)":

  1. Es öffnet sich ein neues Fenster, in dem diverse Einstellungen vorgenommen werden können:

  • Kampagnenbeschreibung anzeigen: Festlegen, ob die Beschreibung der Spendenkampagne auf der Website angezeigt werden soll oder nicht

  • Spendenbetrag vorauswählen: Festlegen, ob im Spendenformular ein bestimmter Betrag vorausgewählt sein soll oder nicht

  • Standard-Zahlungsintervall: Auswählen, welches Zahlungsintervall vorausgewählt sein soll (es stehen die Intervalle zur Verfügung, die in der Spendenkampagne unter Zahlungsinformationen > Spendenintervall aktiviert wurden)

  • Sprache: Auswahl, in welcher Sprache die Spendenkampagne auf der Website angezeigt werden soll

  • Code: Um das Formular mittels iFrame in die Website einzubinden, muss lediglich der HTML-Code links unten im Fenster kopiert und auf der Website an der Stelle eingefügt werden, an der das Formular angezeigt werden soll.

Weitere technische Unterstützung für das Einbinden via iFrame findest Du in unserer Entwickler-Dokumentation.

Erweiterte Einbindungsmöglichkeiten

Nebst der Einbindung eines Buttons oder eines iFrames gibt es weitere Möglichkeiten, eine Spendenkampagne einzubinden:

Definition eigener URL-Parameter und Einbindung der Spendenkampagne mittels selbst erstellter Widgets auf der Website, die mit der Kampagne verlinkt sind. Die URL-Parameter sind für alle Ansichten verfügbar. (Direkter Aufruf, Einbindung als iFrame, modales Fenster).

Der folgende Artikel gibt einen Überblick über die verfügbaren URL-Parameter.

pageParameter

Last updated