How to create and deploy a customized payment window design

Introduction

Payment Window V2 allows merchants to customize the appearance of the payment window to better align with their brand identity.

Available customization options include company logos, brand colors, fonts, and other visual elements that help create a consistent checkout experience.

What can be customized?

Payment Window V2 supports several branding and design options, including:

Company logo
Brand colors
Fonts and typography
Input field styling
General visual appearance

This helps create a consistent customer experience between your website and the payment flow.

Watch the Tutorial Video

Watch a walkthrough showing how to create and deploy a customized payment window design using Netaxept Admin and the Payment Page Design Tool.

Watch the tutorial video here.

Alternatively, follow the detailed step-by-step instructions below.

Process Overview

Customizing Payment Window V2 consists of three steps:

Create a design in the designer tool.
Copy the generated JSON configuration.
Activate the design in Netaxept Admin.

Step 1: Create Your Design

Here are the steps of how to create a design for your payment window.

Log in to the Netaxept Admin Portal.
Select the menu option Options - Configure your application.
Select the tab Terminal.
Select the tab Template design.
Select the tab Version 2.
If you have no templates, select Add Customization, name it and click save.
Select one of your templates, click its option Preview to get redirected to the design tool.

Use the Preview Page to customize and preview your payment window design.

For information about available configuration options and branding settings, see Payment Page Design Tool.

Step 2: Activate Your Design

Once you are satisfied with your design in the Payment Page Design Tool, follow these steps to activate it in production:

Open the JSON tab and copy the generated JSON configuration.
Go to Netaxept Admin (Options → Terminal → Template Design → Version 2).
Create a new customization or edit an existing one.
Paste the JSON configuration into the JSON textbox.
Save the customization.
Activate the customization.

Your design is now available in production.