WagePunch came to us with a clear product — a powerful SaaS time tracking platform — but needed a website that could do the heavy lifting on conversions, promotions, and pricing management without relying on a developer every time something changed. We delivered exactly that.
Most SaaS websites hard-code their pricing. That means every discount, every plan update, every flash sale requires a developer. The WagePunch team needed to move fast — launch promos, update plans, run coupon campaigns — all on their own. We built the infrastructure to make that happen.
We architected the entire pricing system using Advanced Custom Fields. Six pricing cards live inside a pricing_cards repeater — three Monthly, three Annual. Every single detail is editable from the WordPress dashboard: Plan Name, Badge, Tagline, Price, Price Suffix, User Limit, Features list, CTA Button, and Billing Type. The client never touches code to update a price or a plan.
We also built a discount_codes repeater and a default_coupon select field that auto-populates via a dynamic ACF filter — so the dropdown always reflects live, active coupons. Zero manual syncing. Zero developer calls.
We wrote two purpose-built shortcodes from scratch using the Code Snippets plugin:
[wagepunch_pricing] — A three-column card layout with a Monthly/Annually billing toggle. Deployed on both the Home page and the Pricing page. Fully dynamic, pulls everything from ACF.
[wagepunch_pricing_hover] — A two-column, click-based design built exclusively for the Pricing page. Gives visitors a richer, more interactive comparison experience.
Both shortcodes are 100% data-driven. Update ACF, the site updates instantly.
This is where it gets powerful. We built a priority-based discount system with three tiers:
The system is airtight. Valid coupons show a green confirmation. Invalid ones throw a red error. Setting discount to 0% automatically clears the cookie — no stale deals floating around. Free Trial card pricing never changes regardless of any coupon. Plus and Pro CTA buttons automatically carry the coupon parameter in the URL. Free Trial button stays clean.
The Monthly/Annually toggle isn’t just a visual switch — it has behavior baked in. Plus card is the default active state on both tabs. Click the Free Trial hero button and the Free Trial card activates — that state even carries over when switching to the Annually tab. Click anywhere else and Plus snaps back as the default. The “Most Popular” badge on Annual plans is injected dynamically via PHP, not hardcoded HTML.
We built a [wagepunch_hero_coupon] shortcode that powers an animated banner in the hero section. When a valid discount is active, the banner appears with a CSS pulse animation. Click it — smooth scroll straight to pricing. No active coupon? Banner stays hidden. Clean, automatic, zero manual toggling.
A marketing website that runs itself. The WagePunch team can launch flash sales, swap coupons, adjust plans, and run full promotional campaigns entirely from WordPress — no developer needed, no delays, no bottlenecks. We built it once. It works every time.
