How can I integrate Payrexx Pages in my website?

As soon as you have 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'd 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 also insert a link to the Payrexx form on your website. You can insert the link in a text (such as website 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

You can pass optional parameters to Payrexx Pages, e.g. an amount:

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

You'll find further information to URL paramters at settings -> API -> paylink parameters in your Payrexx backend.

Example

To get an insight into an existing website which has the Payrexx form integrated, head to our showcase: https://showcase.payrexx.com/donation/en/

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.