A Customer Page Layout in SubcontractorHub allows you to control how customer-related information is shown when users add or edit customer records. You can create layouts tailored to different roles (like Sales or Admin), define what fields appear, group them into custom sections, etc. You also have the option to create custom fields using predefined values, timestamps, dropdowns, and more.

Locate the “ManageDatabase” tab on the left-hand side and click "Database".

Click the “Page Layout” tab on the left-hand side. This is where you’ll configure forms for modules like Customer, Project, Lead, etc.

Click “Layouts”.

Select the “Customer” module. You are now in the section where layouts for the Customer form (Add/Edit) can be created or managed.

Click the “Add” button in the top right corner to create a new layout. This opens the layout creation screen where you’ll fill in some basic details.

Fill in the “Add Layout” form. Here’s what you need to do:Page Name:Give your layout a name, like “New Customer Form” or “Edit Customer Profile.”Role:Select which user role this layout applies to. Layout Type:TickAddforAdd Customerpage orEditforEdit Customer page. You can select both if needed. Display Page as Stepper:Select this if you want your form broken into steps. For example,

Customer Info,

Site Details,

Attachments. This improves usability for longer forms. ClickNextwhen done. Note:Before adding a new page layout, you have the option to create custom fields for the page. Simply navigate to the "Custom Fields" section under Page Layout and select "Customer" within theCustom Fieldsmenu.

Navigate to the “Custom Fields” tab under Page Layout and chooseCustomeras the module.

Click“Add” to open the custom field builder.

Fill in the details:Label:The name users will see on the form (e.g., “Lead Source”).Key:A system-friendly ID with no spaces (e.g., lead_source_code).Is Required:Choose Yes if users must fill this out. Type:Choose the field format (Text, Date, Dropdown, etc.).Add Timestamp:Tick if you want the system to store the first time this field gets a value. Predefined Values (Optional):Use this if you want dropdowns with fixed choices, like “Customer Type: Residential, Commercial, Government.”Note: Predefined Valuesare smart system variables that auto-fill fields with live data, like customer name, contract price, proposal link, or system size. Instead of manual entry, you just select from a dropdown when creating a custom field, and the system pulls in the right info. For example,contact.name refers to the full name of the customercontact.email auto-fills the customer’s emailcontract_price shows the total contract valuemonthly_payment pulls the EMI from the proposalproposal_cover.url links the PDF proposalThese values save time, reduce errors, and keep your forms synced across modules like Proposals, Projects, and Contracts. Use them whenever you want to automatically populate fields with existing data. Your new custom field is now ready to be added to your new project page layout.

Once you have clickedNextin

, you will land on the layout builder screen. Scroll down and click “+ Add” to create a new section.

Add aname for your custom section like “Basic Info,” “Site Details,” or “Lead Qualification.”

You can nowdrag and dropbothstandard fields(default system fields like Email, Phone, etc.) and yourcustom fieldsinto the section. Note:You will not be able to save your layout if you fail to add mandatory fields to it. The mandatory fields are highlighted with a red asterisk mark next to them.

Once your layout sections are ready and fields are in place, clickSave.

💡 A solar contractor uses the customize your customer page layout for better data entry feature to keep their daily operations running smoothly — saving time on every project and reducing manual errors for the whole team.