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
  • Erste Schritte
  • Konfiguration
  • Einbindung als Button
  • Einbindung als Link
  • Einbindung als iFrame
  • HTML-Code in Webseite einbetten
  • Zusätzliche Übergabeparameter einstellen

Was this helpful?

  1. Instanz und Administration
  2. Tools
  3. Pages

Webseiten-Integration

Nachdem in Payrexx eine "Page" erstellt wurde, besteht die Möglichkeit, sie in eine bestehende Webseite zu integrieren. Der vorliegende Artikel zeigt, wie es funktioniert.

Last updated 1 month ago

Was this helpful?

Sobald Du in Payrexx eine erstellt hast, besteht die Möglichkeit, diese in Deine bestehende Webseite zu integrieren.

Erste Schritte

Um zu beginnen, logge Dich bitte in Dein bei Payrexx ein.

Navigiere im Händler-Backend von Payrexx zu Pages > Übersicht:

Klicke bei der gewünschten Page auf das "Editieren"-Symbol, um mit der Einbindung in die Webseite zu beginnen:

Konfiguration

Klicke als erstes auf den Button "In Webseite einbinden":

Es öffnet sich ein neues Fenster, das in zwei Bereiche unterteilt ist:

  • Im linken Bereich der Fensters werden die Einstellungen vorgenommen.

  • Im rechten Bereich des Fensters werden die Auswirkungen der Einstellungen in Echtzeit als Vorschau angezeigt.

Einbindung als Button

Für die Einbindung der Page als Button stehen die folgenden Konfigurationsmöglichkeiten zur Verfügung:

  1. Aktion bei Klick: Lege fest, was passieren soll, wenn der Kunde auf den Button klickt, der in Deine Webseite eingebunden wird: Soll ich ein modales Fenster öffnen oder soll eine Weiterleitung auf eine andere Seite erfolgen?

  2. Button-Text: Definiere, mit welchem Text der Button beschriftet sein soll. Zur Auswahl stehen "Bezahlen", "Spenden" oder die Eingabe eines benutzerdefinierten Texts.

  3. Sprache für Button-Text: Definiere die Sprache, in welcher der Text (z. B. "Bezahlen" oder "Spenden") angezeigt wird.

  4. Button-Stil: Nimm verschiedene Einstellungen vor, um die Darstellung des Buttons festzulegen.

  5. Code kopieren: Wenn Du sämtliche Einstellungen vorgenommen hast, wird der HTML-Code angezeigt, der die gemachten Einstellungen beinhaltet und in die Webseite eingebunden werden kann.

Einbindung als Link

Für die Einbindung der Page als Link stehen die folgenden Konfigurationsmöglichkeiten zur Verfügung:

  1. Aktion bei Klick: Lege fest, was passieren soll, wenn der Kunde auf den Button klickt, der in Deine Webseite eingebunden wird: Soll ich ein modales Fenster öffnen oder soll eine Weiterleitung auf eine andere Seite erfolgen?

  2. Button-Text: Definiere, mit welchem Text der Button beschriftet sein soll. Zur Auswahl stehen "Bezahlen", "Spenden" oder die Eingabe eines benutzerdefinierten Texts.

  3. Sprache für Button-Text: Definiere die Sprache, in welcher der Text (z. B. "Bezahlen" oder "Spenden") angezeigt wird.

  4. Code kopieren: Wenn Du sämtliche Einstellungen vorgenommen hast, wird der HTML-Code angezeigt, der die gemachten Einstellungen beinhaltet und in die Webseite eingebunden werden kann.

Einbindung als iFrame

Die dritte Möglichkeit zur Einbindung einer Page in die eigene Webseite ist die Nutzung eines iFrames, was auch als "Fenster im Fenster" beschrieben werden kann. Für die Einbindung als iFrame stehen keine Konfigurationsmöglichkeiten zur Verfügung:

  1. Mit diesem HTML-Code kann das iFrame in die eigene Webseite eingebunden werden.

HTML-Code in Webseite einbetten

Um die Einbindung der Payrexx-Page in die eigene Webseite abzuschliessen, füge den kopierten HTML-Code an der Stelle in Deine Webseite ein, an der die Page angezeigt werden soll.

Zusätzliche Übergabeparameter einstellen

Es besteht die Möglichkeit, zusätzliche Parameter an die Webseite zu übergeben, zum Beispiel einen vordefinierten Betrag. Im folgenden Beispiel beträgt er CHF 20.00:

https://INSTANZ.payrexx.com/pay?tid=4152bd78&invoice_amount=20

Weitere Informationen zu URL-Parametern findest Du im folgenden Artikel:

Für die Einbindung in die Webseite gibt es drei Varianten: Die Page kann als , als oder als eingebunden werden. Je nachdem, für welche Variante Du Dich entscheidest, werden andere Konfigurationsmöglichkeiten angezeigt.

Button
Link
iFrame
Page
Konto
LogoParameter | DEUTSCH | Docs
Erstellte Pages im Händler-Backend von Payrexx
Editieren einer bestehenden Page in Payrexx
Einbinden einer Payrexx-Page in die eigene Webseite
Einbindung der Page als Button
Einbindung der Page als Link
Einbindung der Page als Link