Website Integration

Once you have created a Page in Payrexx, you can 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:

To begin, please log in to your Payrexx account.

Navigate to Pages > Overview in your merchant backend of Payrexx:

Created pages in the merchant backend of Payrexx

Click on the "Edit" icon for the desired page to begin the integration into the website:

Editing an existing page in Payrexx

Configuration

First, click on the "Embed in Website" button:

Embedding a Payrexx page into a website

A new window will open, divided into two sections:

• In the left section of the window, you will make the settings.

• In the right section of the window, you will see a real-time preview of the effects of the settings.

There are three options for embedding the Page into your website: as a button, as a link, or as an iFrame. Depending on which option you choose, different configuration options will be displayed.

Embedding as a button

For embedding the page as a button, the following configuration options are available:

Embedding the page as a button

1. Action on click: Specify what should happen when the customer clicks the button embedded in your website. Should it open a modal window or redirect to another page?

2. Button text: Define the text that will appear on the button. You can choose "Pay," "Donate," or enter a custom text.

3. Language for button text: Specify the language in which the text (e.g., "Pay" or "Donate") will be displayed.

4. Button style: Make various settings to determine the appearance of the button.

5. Copy code: Once you have configured all settings, the HTML code will be displayed. This code includes the settings you have made and can be embedded into your website.

Embedding as a link

For embedding the page as a link, the following configuration options are available:

Embedding the page as a link

1. Action on click: Specify what should happen when the customer clicks the button embedded in your website. Should it open a modal window or redirect to another page?

2. Button text: Define the text that will appear on the button. You can choose "Pay," "Donate," or enter a custom text.

3. Language for button text: Specify the language in which the text (e.g., "Pay" or "Donate") will be displayed.

4. Copy code: Once you have configured all the settings, the HTML code will be displayed. This code includes the settings you have made and can be embedded into your website.

Embedding as an iFrame

The third option for embedding a Page into your website is using an iFrame, which can also be described as a "window within a window." There are no configuration options available for embedding as an iFrame:

Embedding the page as an iFrame

1. With this HTML code, the iFrame can be embedded into your website.

Embedding HTML Code into Your Website

To complete the embedding of the Payrexx Page into your website, insert the copied HTML code into the location on your website where you want the Page to appear.

Setting additional parameters

You can pass additional parameters to the website, such as a predefined amount. In the following example, the amount is CHF 20.00:

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

For more information on URL parameters, please refer to the following article:

Parameter