Website Integration

As soon as you created your own Payrexx form, you can easily integrate it into your existing website.

Getting Started

Navigate to "Pages > Overview" in your Payrexx backend and choose "Edit" at the Payment Page that you would like to integrate into your website:

Configuration

To start the configuration of the integration, head to "Embed in website".

There, you can choose how the Payrexx form should be integrated into the website:

The following integration methods are available:

Button

Integrate a button into your website. It will be shown as a preview on the right-hand side. You can adjust the text, the text color, the button color (with and without hover-effect), font size, and round corners. You can also choose if the Payment Page should be opened on the same page (in a modal window) or in a new browser tab.

Link

You can insert a link to the Payrexx form on your website. There is also the possibility to insert the link in a text (such as the website's menu tab) or a picture. Doing this, you can also decide if the Payment Page should be opened on the same page (as a modal window) or in a new browser tab.

iFrame

One more way to embed the Payment Page can be done with a so-called iFrame. The form will then be shown in a separate window. You will also see a preview on the right-hand side when choosing iFrame.

Embed the Form in the HTML-Code

At "Code snippet", you will find an individual HTML-Code for the selected Pages. Copy the code and paste it into your HTML editor.

Adding Additional Parameters

Optional you can pass parameters to Payrexx Pages, e.g. an amount:

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

You will find further information on URL parameters under "Settings > API > paylink parameters" in your Payrexx backend.