Payroll & Pay Schedule (Page)
Overview
- A split hero pairs the Getting Paid title and pay frequency with a View my pay stub button and a real paycheck photo
- An Upcoming pay dates timeline shows the next six paydays, with the next one highlighted and a holiday shift flagged
- Three photo columns cover Pay Stubs, Direct Deposit, and Tax Forms, each with four numbered steps and a link to the pay portal
- A bright closing band gives the payroll extension and a Contact Payroll button
- Built as a single SharePoint HTML page and available as a downloadable file that can be uploaded and edited
Benefits
- Employees answer the most common pay questions themselves instead of emailing payroll
- The pay date timeline makes the schedule, including holiday changes, clear at a glance
- Short numbered steps make pay stubs, direct deposit, and tax forms easy to find and act on
- A clear contact path for pay problems builds trust and gets issues fixed faster
- Real photos and a clean, corporate look give HR and Finance a polished page that works on phones and desktops
- One self-contained file is easy to copy to other sites and update each year with new pay dates
- Complements the main Human Resources department site, which keeps news, events, and documents in standard web parts
Common Questions About This Payroll and Pay Schedule Page
What is this Payroll and Pay Schedule Page built with?
It is a SharePoint HTML page – a single file stored in the Site Pages library of a department site. The layout, photos, and font all live inside that one file, so there are no web parts, no SPFx solutions, and no third-party tools. It is the kind of clean, maintainable secondary page Greg Zelfond builds to sit alongside a standard SharePoint Human Resources site.
What’s included on the Payroll and Pay Schedule Page?
A hero with a View my pay stub button, an Upcoming pay dates timeline with the next payday and a holiday shift marked, and three columns with numbered steps for pay stubs, direct deposit, and tax forms. Each column links to the pay portal. The page ends with a payroll contact band and a Contact Payroll button.
Does this design use any custom code or third-party tools?
No third-party tools, add-ins, or custom development. The page uses SharePoint’s built-in HTML page capability, which runs the file inside SharePoint’s own secure sandbox. It contains no scripts at all, so nothing reaches outside data or affects other parts of the site, and it stays supported through Microsoft updates.
Can this design be customized for our organization?
Absolutely. The pay dates, steps, photos, colors, links, and payroll extension can all be changed in the file. Links to other SharePoint sites in your tenant work right away; links to outside websites, such as a payroll provider’s portal, need their domain added under Site Settings, HTML Field Security. You can download the HTML file here or have Greg tailor it to your payroll process.
Why use an HTML page here instead of a regular SharePoint page with web parts?
The main HR page relies on web parts for news, events, and policy libraries that change often. A payroll page changes only once or twice a year when the pay calendar rolls over, so an HTML page can give it a richer layout, with a pay date timeline and round photo columns that web parts cannot produce. The tradeoff is that edits are made in the file rather than in the page editor.
Can Greg build this Payroll and Pay Schedule Page for our organization?
Yes – this is exactly the kind of work Greg Zelfond does. As an independent SharePoint consultant and Microsoft MVP, he designs and builds out-of-the-box department sites and secondary pages like this one, matched to your branding and your actual pay calendar. Reach out through the contact page to talk about your Human Resources site.
