Register or log in
Do you already have a payever account? If not, you can create one here - otherwise, log in here.
Add a company logo
First, open the Checkout app. To do this, either click the Checkout icon in the Business Apps tile or click Open in the Checkout tile.
Now open the Settings tab, which you can find in the left navigation bar, and click on your business name (the one you entered during registration).
Here you can upload a custom logo and change the Checkout Name. After saving your changes, click Open to go directly to your checkout and review the result.
Customize checkout colors and design
You can also configure the colors and style of your checkout in the settings of the Checkout app. To do this, select the Settings tab and click Color and style.
Here you can control all color and style settings for your checkout. For example, you can choose whether buttons and fields should have rounded, semi-rounded, or square corners. You can also change the colors of backgrounds, texts, and separators here (1.). To change a color, you can either move your cursor over the color bar and/or the color area, or enter a color code (this is especially useful if you need to follow a specific corporate design and therefore want to match the exact color tone). Color codes are entered here using the HEX setting. Once you are done, it is important that you apply the design so it is displayed in the checkout (simply make sure that the toggle switch is activated (2.). Finally, click Done (3.).)
If you now want to preview your checkout, click your business in the left navigation bar and review the changes.
To fully review the changes in the checkout, please click Open in the top navigation bar. The payment link should now open in a new window. Alternatively, you can copy the link via the three-dots menu and open it in the browser of your choice.
Copy the link into your browser and check the result. If you are not satisfied yet, you can make further adjustments at any time. As soon as you click Close and reload the page with the payment link, your changes should become visible (if this is not the case, please try clearing your browser cache).
Which color field changes what?
The following examples will help you quickly understand how each color setting works:
Header options
(Both color settings are only visible if a logo has been uploaded. Otherwise, the background and separator colors are taken from the page options.)
Logo options
In these settings, you can adjust the logo that has been stored in the header. Using the width and height values, you can define the size of the logo.
Padding creates clean margins around your logo, ensuring consistent spacing and a professional layout.
By clicking on "Change", this dialog opens.
Here you can define the padding (in pixels) at the top, right, bottom and left. Under Alignment you define how the logo is aligned within the header. Click "Change" here as well and choose one of the three options from the selection:
1. Centered – gives a formal, symmetrical appearance
2. Left aligned – provides a clean, easy-to-read layout
3. Right aligned – is often used to highlight elements or create a special visual flow
Page options
(Link = the colors used for links, for example links to privacy policies or marketing consent.)
Button options
(Disabled = the color of a button when it cannot be clicked yet, e.g., because required fields have not been completed.)
Inputs options
Wallpaper/background image
Define a suitable background image for your checkout:
Click "Change" to upload your own background image.
Desktop/Mobile/Tablet – design variants
Here you can adjust the checkout design depending on the size of the device.