Docs
DocsPlattformDeveloperTicket
DEUTSCH
DEUTSCH
  • Willkommen bei Payrexx
  • Erste Schritte
    • Übersicht über Payrexx
    • Konto-Verifizierung
      • Nicht unterstützte Geschäftsmodelle
  • Zahlungen
    • Funktionalitäten
      • Vorautorisierung
      • Tokenisierung
      • Abonnemente
        • Abonnemente verwaltet durch Payrexx
        • Abonnemente mittels Tokenisierung (API)
      • Rückerstattung und Teilrückerstattung
      • MOTO-Zahlungen
    • Testen
    • Überblick Zahlungsstatus
    • Streitfälle
      • Definition
      • Prävention
        • Betrügerisch
        • Gutschrift nicht verarbeitet
        • Doppelte Zahlung
        • Produkt nicht erhalten
        • Produkt nicht akzeptabel
        • Abonnement gekündigt
        • Nicht erkannt
      • Abwicklung und Nachweise einreichen
        • Betrügerisch
        • Gutschrift nicht verarbeitet
        • Doppelte Zahlung
        • Produkt nicht erhalten
        • Produkt nicht akzeptabel
        • Abonnement gekündigt
        • Nicht erkannt
      • Best Practices
      • FAQ
  • Bezahldienste
    • Payrexx Pay und Payrexx Pay Plus
      • Aktivierung und Konfiguration
      • Funktionsmatrix Zahlungsarten
      • Zahlungsmittel
        • Alipay
        • American Express
        • Apple Pay
        • Bancontact
        • Centi
        • Click to Pay mit Visa
        • Diners Club International
        • Discover Card
        • eps
        • Google Pay
        • iDEAL
        • Kauf auf Rechnung
        • Klarna
        • Mastercard
        • Pay by Bank
        • PostFinance Pay
        • Przelewy24
        • Reka
        • Samsung Pay
        • SEPA Debit Direct
        • TWINT
          • TWINT "Später bezahlen"
        • Visa
        • WeChat Pay
      • Kartenregionen und Gebühren
      • Belastung virtueller Kreditkarten
    • Funktionsmatrix Zahlungsanbieter
    • Länder-Verfügbarkeit
    • Externe Zahlungsanbieter
      • Kreditkarten und Debitkarten
        • Braintree
        • PAYONE
        • CCAvenue
        • Clearhaus
        • Datatrans
        • HeyLight
        • Ingenico
          • Ingenico ePayments E-COMMERCE Integration
          • Ingenico ePayments ALIAS GATEWAY - Integration in Payrexx
        • Mollie
        • Nexi (Concardis)
          • Concardis-Payengine start.now / speed.up / flex.pro
          • Concardis Payengine E-Commerce
          • Concardis Payengine ALIAS GATEWAY
        • PostFinance Checkout
        • Skrill
        • Stripe
        • VIVEUM
        • Worldline (Saferpay)
      • Alternative Zahlungsmethoden
        • Amazon Pay
        • Barzahlen/viacash
        • boncard / Lunch-Check
        • Coinbase
        • Giropay
        • Ideal Payment
        • Klarna
        • PayPal
        • Paysafecash
        • PointsPay
        • POWERPAY
        • TWINT
        • WIRpay
        • xMoney
      • Manuelle Zahlungsmethoden
        • Rechnung
        • Reka-Check
        • Vorkasse
    • Buy Now Pay Later
    • PCI-DSS-Konformität
  • Instanz und Administration
    • Dashboard
    • Zahlungen
      • Transaktionen
      • Abonnemente
      • Vorautorisierung
      • Tokenisierung
      • Export
    • Auszahlungen
      • Rolling Reserve
    • Kunden
    • Berichte
    • Tools
      • Pages
        • Produkte
        • Pages Abonnemente
        • Rabattcodes
        • Webseiten-Integration
        • Google Merchant Center
      • Paylink
        • Paylink Abonnemente
      • QR Pay
      • Terminal
      • Invoice
      • Donation
        • Donation Abonnemente
        • Webseiten-Integration
      • Parameter
    • API und Integrationen
    • Webhooks
    • Zahlungsanbieter
    • Einstellungen
      • Allgemein
        • Mehrsprachiges Frontend
        • Google Analytics
        • Facebook Meta Pixel
        • Custom Domain
        • 2-Faktor-Authentifizierung
      • Unternehmensdaten
      • Auszahlungs-Einstellungen
      • Benutzerverwaltung
      • Look & Feel
      • Benachrichtigungen
      • Rechtliches
      • Plan und Abrechnung
  • Integration
    • E-Commerce
      • WooCommerce
      • Shopware 6
      • Magento 2
      • Shopware 5
      • PrestaShop
      • Gambio
      • Gravity Forms
      • Shopify
      • MyCommerce
      • Ecwid
      • JTL Shop 5
      • Drupal
      • NopCommerce
      • CS Cart
      • Odoo
      • saldiaShop
      • FLOW Shopsoftware
    • Content-Management-Systeme (CMS)
      • Cloudrexx
      • Concrete5
      • Drupal
      • Jimdo
      • JoomDonation
      • Modmore
      • Paymattic
      • Weebly
      • WIX
      • Zappter
    • Unternehmenssoftware
      • aforms
      • Cura Fundraising
      • Deinlokal (maaxx)
      • GUVOTO
      • Make
      • Reservierungssystem (Hürlimann Informatik)
      • SelectLine
      • Zapier
    • Andere Integration
  • POS-Geräte
    • Übersicht POS-Geräte
    • Terminal bestellen
    • Anleitungen
      • Grundlagen des Terminals
      • Bedienung des Terminals
      • Terminal mit dem Internet verbinden
      • Transaktionen durchführen
      • Transaktionen verwalten
      • Erweiterte Einstellungen
    • Terminal zurückgeben
  • Tap to Pay
    • Übersicht über Tap to Pay
    • Einrichtung von Tap to Pay
    • Zahlungen mit Tap to Pay abwickeln
  • Transaktions-Übersicht
  • Tap to Pay Analysetools
  • Tap to Pay Einstellungen
  • Support
    • Häufige gestellte Fragen
    • Support-Portal von Payrexx
  • Release Notes
    • Release Notes 2025
      • Release 2025.04
      • Release 2025.02
    • Release Notes 2024
      • Release 2024.11
      • Release 2024.09
      • Release 2024.07
      • Release 2024.05
      • Release 2024.03
      • Release 2024.01
    • Release Notes 2023
      • Release 2023.12
Powered by GitBook
LogoLogo

Product

  • Payments
  • E-Commerce Tools
  • Pricing
  • Feedback

Company

  • About Us
  • Careers
  • Blog
  • Newsletter

Support

  • Contact
  • Statuspage
  • Downloads

Developer

  • Documentation
  • API Reference
  • Integrations & Plugins

© Payrexx. All rigths reserved.

On this page
  • Einbindung als Spenden-Button
  • Einbindung als iFrame
  • Erweiterte Einbindungsmöglichkeiten

Was this helpful?

  1. Instanz und Administration
  2. Tools
  3. Donation

Webseiten-Integration

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

Last updated 7 months ago

Was this helpful?

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:

  • Dich in Dein Payrexx-Konto ein.

  • Klicke im Hauptmenü auf Donation.

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

  • Klicke auf den Button "In Webseite einbinden" (1) und wähle die Option "Als Spenden-Button" (2):

  • 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:

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

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

  3. 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)

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

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

  1. Farbe: Festlegen, in welcher Farbe der Button dargestellt werden soll

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

  3. Textfarbe: Festlegen der Textfarbe des Buttons

  4. 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.

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.

  • Klicke im Hauptmenü auf Donation.

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

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

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

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

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

  3. 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)

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

  5. 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.

Erweiterte Einbindungsmöglichkeiten

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.

Dich in Dein Payrexx-Konto ein.

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

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

Logge
Entwickler-Dokumentation
Parameter
Buttons
iFrames
Logge
Einbinden der Spendenkampagne mittels Button
Konfiguration der Optionen für die Spendenseite im Backend von Payrexx
Optionen für die Darstellung des Buttons
Einbinden der Spendenkampagne mittels iFrame
Optionen für die Darstellung des Spendenformulars auf der Webseite