Template Editor

PAYSLIP TEMPLATE

Design, preview, and publish payslip templates with a drag-and-drop editor — sections, fields, fonts, and layout fully under your control.

Template editor

👥 WHO USES THIS

▸Payroll admins crafting payslip layouts

▸HR teams designing branded templates

▸Finance configuring displayed fields

✨ WHAT YOU'LL ACHIEVE

▸Design custom payslip layouts visually

▸Preview changes before publishing

▸Manage multiple templates for locations

👥 WHO USES THIS

▸Payroll admins standardizing payslips

▸HR configuring compliance fields

▸Finance setting disclaimer policies

✨ WHAT YOU'LL ACHIEVE

▸Enforce consistent payslip branding

▸Show or hide components globally

▸Meet local disclosure requirements

The template editor provides configuration options under the following categories: General, Layout, Typography, Decorations, and Extra.

Layout

Controls the structure and arrangement of content.

Columns & Alignment: Margin and padding, Column width and height
Drag & Drop Builder: Rearrange placeholders (Employee Info, Totals, Net Salary, Organization Contributions, etc.).
Spacing & Padding: Adjust section spacing for a clean and readable format.

Typography

Defines text appearance for clarity and branding.

Font Family: Select from system fonts (Arial, Calibri, Times New Roman, etc.).
Font Size: Customize sizes for section headers, component labels, and amounts.
Text Alignment: Left, right, or center alignment for specific sections.
Emphasis Options: Bold, italic, underline for highlighting Net Pay, Earnings Total, or statutory details.

Decorations

Controls the visual styling of the payslip.

Colors: Choose primary and secondary colors to match organizational branding.
Borders & Lines: Border radius, height and width.
Shading & Highlights: Highlight key sections (like Net Salary) with background color.
Logo Placement: Adjust logo size and position in header.

Fig: Payslip Template

Fig: Payslip Template Editor

Customize Payslip Templates with Our Editor | Workwisely