Webseiten Integration

Sobald Sie Payrexx Pages erstellt haben, können Sie dieses in Ihre bestehende Webseite integrieren.

Erste Schritte

Navigieren Sie in der Payrexx Administration zu «Pages» und wählen Sie rechts «Editieren» aus, und zwar bei demjenigen Shop/Formular, das Sie in Ihre Webseite integrieren möchten:

Konfiguration

Um die Integration in Ihre Webseite einzurichten, wählen Sie «In Webseite einbinden».

Unter «Einbinden als» können Sie einstellen, in welcher Form Sie das Formular einbinden möchten:

Folgende Varianten zur Einbettung stehen zur Auswahl:

Button

Integrieren Sie einen Button in Ihre Webseite. Dieser wird rechts als Vorschau abgebildet. Dabei können Sie folgende Einstellungen vornehmen: Text, Textfarbe, Buttonfarbe (mit und ohne Hover-Effekt), Schriftgrösse und abgerundete Ecken. Hierbei können Sie zudem wählen, ob sich das Payrexx-Formular direkt auf der Webseite als modales Fenster öffnen soll (sodass der Kunde auf Ihrer Webseite bleibt) oder ob es sich in einem neuen Browser-Tab öffnen soll.

Link

Sie können Ihr Formular auch verlinken. Den Link können Sie in einem Text oder einem Bild hinterlegen. Auch hierbei können Sie einstellen, ob das Payrexx-Formular direkt auf der Webseite als modales Fenster oder in einem neuen Browser-Tab geöffnet werden soll.

iFrame

Eine weitere Möglichkeit, wie Sie Ihr Payrexx-Formular in Ihre Webseite integrieren können, bietet sich mit dem sogenannten iFrame an. Dies fungiert als Fenster-im-Fenster. Wenn Sie iFrame wählen, sehen Sie wieder eine Vorschau rechts, aus welcher Sie entnehmen können, wie das ganze auf Ihrer Website aussehen wird.

Das Formular in den HTML-Code einbetten

Unter «Code» finden Sie einen individuellen HTML-Code für Pages. Kopieren Sie diesen Code und fügen Sie ihn in Ihren HTML-Editor ein.

Zusätzliche Übergabeparameter einstellen

Sie können mehrere Parameter übergeben. Beispielsweise einen vordefinierten Betrag:

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

Alle Informationen zu URL Parametern finden Sie in der Administration unter «API & Webhook > Paylink Parameter».