In Zuper, administrators can configure job card templates by defining categories, layouts, and content formatting options. The templates can be customized based on business needs, providing flexibility in format, orientation, border settings, and text styling.This guide explains how to create, edit, and manage job card templates in Zuper.
Navigation: Settings -> Modules -> Jobs -> Job Card Templates
On the job card templates listing page, click + New Template.
A new job card template dialog box will appear.
Fill in the following details:
Template Name (Mandatory): Enter a unique name for the job card template.
Job Category (Mandatory): Select the relevant job category from the dropdown menu.
Template Description (Mandatory): Provide a brief description of the template.
Format (Mandatory): Choose the document size from the available options:
A3
A4
A5
Letter
Legal
Tabloid
Orientation (Mandatory): Select either Landscape or Portrait.
Border Settings (Mandatory): Define the margins for the job card layout:
Top Border (e.g., 10mm)
Right Border (e.g., 10mm)
Bottom Border (e.g., 10mm)
Left Border (e.g., 10mm)
Click Proceed to move to the template editor.
Editing a job card template’s contentOnce the template is created, you can customize the content using the Template Editor.Template editor customization optionsThe Template Editor offers various formatting tools and components to help you design and structure your job card layout with ease.Text formatting optionsBasic text formatting options such as font size, font styling (bold, italic, underline, strikethrough), headers, and bullet/numbered lists are available to help you format your content effectively.Additional formatting options
Table: Add tables to organize and display information in a structured manner.
Field Components – Easily search for and insert default system fields like:
Work Order Number
Job Priority
Job Description
Customer Email
Assigned to FE and more.
Once you have customized the template, click Save to successfully create your Job Card Template.
Note: The Template Editor also includes a Code Mode. Switching to code mode allows you to create and edit templates directly using HTML for greater customization.