Note: Payment Links can currently only be configured via APIs. Configuration through the HyperSwitch dashboard is under development, and this section will be updated once it is available.
Available configurations
UI configurations
Payment link UI can be configured at a business profile level and the same configuration will be used when payment links are created for that profile. This UI can be configured during payment links creation as well, doing this overrides any configuration that was set in the business profile.
{
theme: String, /// Primary color for the payment link
logo: String, /// Logo displayed in the details section
seller_name: String, /// Merchant's name in the details section
transaction_details: Vec<PaymentLinkTransactionDetails>, /// Dynamic details related to merchant to be rendered in details section
background_image: PaymentLinkBackgroundImageConfig, /// Configurations for the background image for details section
details_layout: api_enums::PaymentLinkDetailsLayout, /// Custom layout for details section
sdk_layout: String, /// Custom layout for the payment widget
display_sdk_only: bool, /// Display only the payment widget
enabled_saved_payment_method: bool, /// Render option to save the payment method for payment widget (works only in secure payment links)
hide_card_nickname_field: bool, /// Hide card nickname field in payment widget
show_card_form_by_default: bool, /// Show card form by default in payment widget
payment_button_text: String, /// Custom text to be rendered on the SDK pay button
}
Primary color
The primary color of the payment link UI can be set using the theme field in the configuration. This color is represented as a hex value.
Example: #2167AE
Merchant logo
You can display a custom logo in the details section of the payment links by providing a URL.
Example: https://hyperswitch.io/favicon.ico
Merchant name
Customize the display name shown in the details section of the payment links.
Example: HyperSwitch Inc.
Dynamic details
Include a list of key-value pairs in the details section of payment links. This list can be customized with optional configurations for each entry.
Note: The list is displayed in the specified order. Use the position attribute to control the sequence of entries.
The url specifies the image source, while position and size define its placement and scaling.
Details section layout
Choose a layout for the details section of the payment links.
SDK layout
Render only payment widget
Set a boolean value to render only the payment widget in the payment links. Defaults to false.
Saved payment methods
Enable rendering of saved payment methods and allow customers to save new ones in the payment widget. This is available only for secure payment links.
Hide card nickname input
Toggle the visibility of the card nickname input field in the payment widget.
Show card form by default
Set a boolean value to control the default form rendered in the payment widget. Enabling this shows the card payment form by default when a payment link is opened.
Payment button text
Customize the text displayed on the "Pay Now" button in the payment widget.
Other configurations
These configurations can only be made at business profile level and cannot be overridden during payment links creation.
{
domain_name: String, /// Custom domain name to be used for hosting the link
business_specific_configs: HashMap<String, PaymentLinkConfigRequest>, /// List of UI configs for multi theme setup
allowed_domains: HashSet<String>, /// A list of allowed domains (glob patterns) where secure links can be embedded in
branding_visibility: bool, /// Toggle for HyperSwitch branding visibility
}
Domain name
A custom domain for hosting payment links.
Multiple style IDs
This is for configuring multiple styles. This is a key value pair where key represents the style ID and value is the UI configurations which were mentioned above.
A boolean value for toggling the visibility of HyperSwitch branding in the payment links.
Configure Payment links in business profile
Use the API to configure payment link settings at the business profile level. These settings are automatically applied to any payment link created for the associated profile.
{
theme: "#212E46",
logo: "https://live.hyperswitch.io/payment-link-assets/Merchant_placeholder.png",
seller_name: "merchant_name", /// merchant name configured during account creation with HyperSwitch,
transaction_details: null,
background_image: null,
details_layout: "layout1",
sdk_layout: "tabs",
display_sdk_only: false,
enabled_saved_payment_method: false,
hide_card_nickname_field: false,
show_card_form_by_default: true,
payment_button_text: "Pay Now", /// This text is available in the requested locale
}
Next step:
Last updated
Was this helpful?
For available options, refer to the API reference .
Please reach out to our for adding any custom layouts needed for this.
Configure layout for the payment widget of the payment links. For a list of available options, refer to this section - .
Note: custom domains must be enabled before setting the custom domain name. Refer to this section for setting up custom domain names - .
This is a list of trusted domains where payment links can be embedded in an iframe. This is used only for secure payment links. More info on secure links .
Refer to API reference for updating business profile .
