Docs
DocsPlattformDeveloperTicket
ENGLISH
ENGLISH
  • Welcome to Payrexx
  • The first steps
    • Overview of Payrexx
    • Account Verification
      • Prohibited Business Models
  • Payments
    • Functionalities
      • Pre-authorization
      • Tokenization
      • Subscriptions
        • Subscriptions managed by Payrexx
        • Subscriptions via tokenization (API)
      • Refunds and Partial Refunds
      • MOTO payments
    • Testing
    • Payment Status
    • Disputes
      • Definition
      • Prevention
        • Fraudulent
        • Credit not processed
        • Duplicate
        • Product not received
        • Product unacceptable
        • Subscription canceled
        • Unrecognized
      • Processing and submitting evidence
        • Fraudulent
        • Credit not processed
        • Duplicate
        • Product not received
        • Product unacceptable
        • Subscription canceled
        • Unrecognized
      • Best Practices
      • FAQ
    • FAQ
  • Payment Services
    • Payrexx Pay and Payrexx Pay Plus
      • Activation and Configuration
      • Function Matrix for Payment Methods
      • Payment methods
        • Alipay
        • American Express
        • Apple Pay
        • Bancontact
        • Centi
        • Click to Pay with Visa
        • Diners Club International
        • Discover Card
        • eps
        • Google Pay
        • iDEAL
        • Klarna
        • Mastercard
        • Pay by Bank
        • PostFinance Pay
        • Przelewy24
        • Purchase on Invoice
        • Reka
        • Samsung Pay
        • SEPA Debit Direct
        • TWINT
          • TWINT "Pay later"
        • Visa
        • WeChat Pay
      • Card Regions and Fees
      • Charging Virtual Credit Cards
    • Payment Provider Feature Matrix
    • Country Availability
    • External Payment Providers
      • Credit Cards and Debit Cards
        • Braintree
        • BS PAYONE
        • CCAvenue
        • Clearhaus
        • Datatrans
        • HeyLight
        • Ingenico
          • Ingenico E-COMMERCE
          • Ingenico ALIAS GATEWAY
          • Masterpass Checkout
        • Mollie
        • Nexi (Concardis)
          • Concardis-Payengine start.now / speed.up / flex.pro
        • PostFinance Checkout
        • Skrill
        • Stripe
          • FAQ Stripe
        • VIVEUM
        • Worldline (Saferpay)
      • Alternative Payment Methods
        • Amazon Pay
        • Barzahlen/viacash
        • boncard / Lunch-Check
        • Coinbase
        • Giropay
        • Ideal Payment
        • Klarna
        • PayPal
        • Paysafecash
        • PointsPay
        • POWERPAY
        • TWINT
        • WIRpay
        • xMoney
      • Manual Payment Methods
        • Advance Payment
        • Bill
        • Reka-Check
    • Buy Now Pay Later
    • PCI-DSS Compliance
  • Account and administration
    • Dashboard
    • Payments
      • Transactions
      • Subscriptions
      • Pre-Authorization
      • Tokenization
      • Export
    • Payouts
      • Rolling Reserve
    • Customers
    • Reports
    • Tools
      • Pages
        • Products
        • Discount Codes
        • Pages Subscriptions
        • Value Coupon
        • Website Integration
        • Google Merchant Center
      • Paylink
        • Paylink Subscriptions
      • QR Pay
      • Terminal
      • Invoice
      • Donation
        • Donation Subscriptions
        • Website Integration
      • Parameter
    • API and Plugins
    • Webhooks
    • Payment Providers
    • Settings
      • General Settings
        • Multilingual Frontend
        • Google Analytics
        • Facebook/ Meta Pixel
        • Custom Domain
        • 2-Factor Authentication
      • Company Data
      • Payouts Settings
      • User Administration
      • Look & Feel
      • Notifications
      • Legal
      • Plan and Billing
    • FAQ
  • Integration
    • E-Commerce Systems
      • WooCommerce
      • PrestaShop
      • Shopware 5
      • Shopware 6
      • Shopify
      • MyCommerce
      • Ecwid
      • Magento 2
      • Gambio
      • Gravity Forms
      • Drupal
      • NopCommerce
      • CS Cart
      • JTL Shop 5
      • Odoo
      • saldiaShop
      • FLOW Shopsoftware
    • Content Management Systems (CMS)
      • Cloudrexx
      • Concrete5
      • Drupal
      • Jimdo
      • JoomDonation
      • Modmore
      • Paymattic
      • Weebly
      • WIX
      • Zappter
    • Business Software
      • aforms
      • Cura Fundraising
      • Deinlokal (maaxx)
      • GUVOTO
      • Make
      • Reservation System (Hürlimann Informatik)
      • SelectLine
      • Zapier
    • Other Integrations
  • Point of Sale
    • POS Terminals Overview
    • Ordering a Terminal
    • Tutorials
      • Terminal Basics
      • Operating the Terminal
      • Connecting to the Internet
      • Performing Transactions
      • Managing Transactions
      • Advanced Settings
    • Returning a Terminal
  • Tap to Pay
    • Tap to Pay Overview
    • Setting Up Tap to Pay
    • Processing Payments
    • Transaction Overview
    • Analytics Tools
    • Tap to Pay Settings
  • SUPPORT
    • Frequently Asked Questions
    • Payrexx Support Portal
  • Release Notes
    • Release Notes 2025
      • Release 2025.04
      • Release 2025.02
    • Release Notes 2024
      • Release 2024.11
      • Release 2024.09
      • Release 2024.07
      • Release 2024.05
      • Release 2024.03
      • Release 2024.01
    • Release Notes 2023
      • Release 2023.12
Powered by GitBook
LogoLogo

Product

  • Payments
  • E-Commerce Tools
  • Pricing
  • Feedback

Company

  • About Us
  • Careers
  • Blog
  • Newsletter

Support

  • Contact
  • Statuspage
  • Downloads

Developer

  • Documentation
  • API Reference
  • Integrations & Plugins

© Payrexx. All rigths reserved.

On this page
  • Creating a Look & Feel Profile
  • Configuration of the Look & Feel Profile
  • 1. Profile Name
  • 2. Logo
  • 3. Background
  • 4. Background Terminal
  • 5. Font
  • 6. Buttons
  • 7. E-mail
  • Creating additional Look & Feel profiles
  • Managing Look & Feel Profiles
  • Using Look & Feel Profiles
  • Look & Feel ID

Was this helpful?

  1. Account and administration
  2. Settings

Look & Feel

In this article, we will show you how to design your payment pages and customer communications by creating Look & Feel profiles that match your corporate design.

Last updated 5 months ago

Was this helpful?

Look & Feel profiles allow you to visually present yourself to your customers in accordance with your corporate design: you can use your logo, fonts, and colors.

The following areas of Payrexx can be displayed with your custom Look & Feel:

Creating a Look & Feel Profile

Navigate to Settings > Look & Feel in the merchant administration of your Payrexx account to create a profile. The settings are divided into the following sections:

Configuration of the Look & Feel Profile

You can configure the following settings in the Look & Feel profile:

1. Profile Name

Give your Look & Feel profile a name. Your customers will not see this name. It is only used to identify the profile internally if you are using multiple profiles.

2. Logo

  • Shape: Define whether the logo on the payment pages should be displayed as square, rectangular, or round.

  • Upload logo: Upload the logo by clicking this button. The recommended dimensions are 160 x 160 pixels.

  • Logo background: For logos with a transparent background, the background will be filled with the color defined in this field. The default value for transparent logos is white (FFFFFF).

  • Logo border: In this field, you can define the color of the border surrounding the logo. If you do not want a border, simply select the same value as the background color.

  • Language selection: Define the color of the language selection here. This is the text link located to the right of the logo.

In the following example, the color "white" was used for the logo background, the logo border, and the language selection:

3. Background

  • Main background: Define the color of the general background. This is the background of the entire payment page, excluding the header section. In the following example, the color "light gray" was chosen.

  • Background header: Define the background color of the header section of the payment page. In the following example, "dark gray" was chosen.

4. Background Terminal

  • Main background: Select whether you want an image or a gradient as the background.

  • Upload image: If you choose an image, you can upload it here. The image will be displayed as the background behind the actual terminal. Recommended size: 1,920 x 1,080 pixels (Ultra High Definition, 4K: 3,840 x 2,160 pixels).

  • Define gradient: If you prefer a gradient, you can create it in the following fields. The gradient starts at the top-left corner with color 1 and ends at the bottom-right corner with color 2.

    • Gradient color 1: Color at the starting point of the gradient (top-left corner).

    • Gradient color 2: Color at the endpoint of the gradient (bottom-right corner).

5. Font

  • Font family: Select the font to be used on the payment pages.

  • Font size: Choose the font size to be used on your payment pages.

  • Text color: Define the color for the text used on your payment pages.

  • Text color Terminal: If you want to use a different text color in the terminal, you can define it in this field.

  • Link color: Set the color for text links.

  • Link color (Mouse over): Define the color that a link should change to when the user hovers their mouse over it.

6. Buttons

  • Button color: Define the background color of the buttons.

  • Button color (Mouse over): Set the color that a button should change to when the user hovers their mouse over it.

  • Enable rounded corners: Check the box if you want the corners of the buttons to be rounded.

7. E-mail

  • Background color header: Define in this field the color of the header section of the emails sent to your customers.

Creating additional Look & Feel profiles

Managing Look & Feel Profiles

Navigate to Settings > Look & Feel to view the saved Look & Feel profiles.

  1. Preview: View the Look & Feel profile from the customer's perspective.

  2. Edit: Open the profile in edit mode to make changes.

  3. Copy: Use the "Copy" function if you want to create a new profile based on an existing one.

  4. Delete: Delete the selected Look & Feel profile.

Using Look & Feel Profiles

Look & Feel ID

Customize link in logo: Define the URL to which the customer will be redirected when they click on the logo. By clicking on the "Multilingual" link, it is possible to enter a separate link for each .

These settings only apply to the e-commerce tool , where it is possible to choose an image or gradient as the background.

Logo: If you check the "Use individual email logo" box, you can upload a logo that will be used exclusively in the emails. If the box is unchecked, the logo stored under will be used in the emails.

It is possible to create multiple Look & Feel profiles. In each respective , you can then select which profile to use.

Set as default: Hover over the Look & Feel profile you want to set as default and click the green button. This profile will be used whenever no specific profile is selected in the respective .

Look & Feel profiles can be used in the , , , , , and tools. Open the desired tool and select the desired profile in the "Look & Feel" section:

In Payrexx, each Look & Feel profile has its own unique ID. This ID is used to specify which profile should be applied in and .

language
Terminal
e-commerce tool
e-commerce tool
Pages
Paylink
QR Pay
Invoice
Terminal
Donation
integrations
gateways
point 2
Profile name
Logo
Background
Background Terminal
Font
Buttons
E-mail

Pages
Paylink
QR Pay
Invoice
Terminal
Donation
Setting up a Look & Feel Profile in Payrexx
The header section with the logo in the colors defined under Look & Feel
The two different background colors from the Look & Feel profile
Terminal background with a gradient
List of saved Look & Feel profiles in Payrexx
Selecting a Look & Feel profile in the "Terminal" tool
The ID of the Look & Feel profile is required when using gateways.