Website Integration
Last updated
Last updated
© Payrexx. All rigths reserved.
Once you have created a Page in Payrexx, you can integrate it into your existing website.
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:
Click on the "Edit" icon for the desired page to begin the integration into the website:
First, click on the "Embed in Website" button:
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.
For embedding the page as a button, the following configuration options are available:
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?
Button text: Define the text that will appear on the button. You can choose "Pay," "Donate," or enter a custom text.
Language for button text: Specify the language in which the text (e.g., "Pay" or "Donate") will be displayed.
Button style: Make various settings to determine the appearance of the button.
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.
For embedding the page as a link, the following configuration options are available:
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?
Button text: Define the text that will appear on the button. You can choose "Pay," "Donate," or enter a custom text.
Language for button text: Specify the language in which the text (e.g., "Pay" or "Donate") will be displayed.
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.
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:
With this HTML code, the iFrame can be embedded 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.
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: