> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.freepayroll.uk/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Payslip Builder

# Payslip Builder

The **Payslip Builder** allows employers to create and customise the layout of their employees’ payslips, making them more personalised and visually aligned with the company’s branding.
With this feature, you can define colours, upload your company logo, and preview your payslip before finalising the design.

### 1. Accessing the Payslip Builder
From the left-hand menu, go to:
1. **Payroll** 
2. P**ayslip Builder** 
3. M**anage your layout**.
![Payslip Builder Home page showing the “Manage your layout” button.](https://storage.crisp.chat/users/helpdesk/website/-/1/7/f/a/17fa4f20d52a0f00/homepb_vtjmm.png =900x295)
### 2. Choose Your Layout
After clicking **Manage your layout**, you’ll be directed to the **Layout selection page**.
Here, you can choose from **three different payslip styles**, each offering a unique structure for presenting employee pay information.
Steps:
1. Review the **three layout options** displayed on the screen.
2. Select the one that best fits your company’s needs.
3. Click **Next** to move to the customisation stage.
![This layout choice defines the base structure of your payslip.](https://storage.crisp.chat/users/helpdesk/website/-/1/7/f/a/17fa4f20d52a0f00/choosinglayout_uw23zt.png =900x376)
### 3. Customise and Add Company Logo
In the **Customisation page**, you can personalise your payslip’s appearance to reflect your company’s branding.
Here, you can:
1. **Select the background colour** (18 colour options available).
2. **Choose the font colour** for all text.
3. **Adjust the table colour** to match your chosen design.
4. **Add your company logo**, which will appear at the top of every payslip.
Once you’ve finished editing, click **Save** to apply your design.
You’ll be redirected back to the **Payslip Builder Home**, where your new payslip model will be displayed as the default version.

![In this example, we have chosen Layout 3, which offers a clean and modern structure for the payslip display.](https://storage.crisp.chat/users/helpdesk/website/-/1/7/f/a/17fa4f20d52a0f00/customizing_hwdbrh.png =900x391)


![In the example below, Layout 3 was customised using green tones and white text, creating a clear and professional look.](https://storage.crisp.chat/users/helpdesk/website/-/1/7/f/a/17fa4f20d52a0f00/example3_1lnaeo8.png =900x391)