NTU PGC — Programme of Interest Field

Register Your Interest — NTU Master's Degrees by Coursework

Live Demo

First Name*

Last Name*

Email*

Nationality*

Mobile Phone(optional)

Area of Interest* (select one — primary thematic entry point)

Programme(s) of Interest (optional · up to 3)

0 / 3 selected Suggestions appear as you type. The theme you selected above is listed first.

You may withdraw consent or update your preferences at any time.

Behind the Scenes · For NTU IT Review

Tech Detail

① Live HubSpot Payload

② Field Mapping

③ Implementation

Updates in real time as you fill the form on the left. This is the exact JSON body that will be POSTed to HubSpot Forms API v3.

// Fill the form on the left to see the payload…

Endpoint · POST https://api.hsforms.com/submissions/v3/integration/submit/{portalId}/{formGuid}
Multi-select values use ; (semicolon) as the HubSpot-standard delimiter.

Custom Contact Properties to be created in HubSpot prior to form deployment.

Field Internal Name	HubSpot Type	Notes
`firstname`	Single line text	Standard
`lastname`	Single line text	Standard
`email`	Email	Standard · used as primary identifier
`mobilephone`	Phone number	Optional · stored as "{dial_code} {number}", e.g. "+65 91234567"
`nationality`	Dropdown	Pre-defined list
`area_of_interest`	Dropdown / Radio (single-select)	6 NTU themes · single value · primary thematic entry point
`programmes_of_interest`	Multiple checkboxes	Custom property · 134 programmes pre-loaded · semicolon-separated · max-3 enforced client-side
`programme_school_routing`	Multi-line text	Auto-derived · used by routing workflow
`send_brochure`	Single checkbox	true / false
`consent_to_contact`	Single checkbox	Required · GDPR/PDPA compliant

Why "Multiple checkboxes" type? It is the only HubSpot field type that supports the semicolon-delimited multi-value model AND can be referenced cleanly in segmentation, lists, and workflow triggers (e.g. "if programmes_of_interest contains MSc Data Science").

1
Set up HubSpot Form natively Native Create the standard form in HubSpot with all fields. Hidden multi-checkbox programmes_of_interest contains all 134 NTU programmes as options. ~1–2 hours.
2
Embed the form on NTU PGC landing page Standard Use HubSpot's official JavaScript embed: hbspt.forms.create({...}) — works on any web platform, no CMS lock-in.
3
Inject custom search UI via onFormReady hook Custom After HubSpot renders, hide the native checkbox group and mount the search component (this prototype). User selections sync back to the original checkboxes — HubSpot receives data exactly as if it were a native submission.
4
Pre-validate "max 3" on submit Block submission with friendly message if user somehow exceeds 3 selections (defense in depth).
5
Routing workflow reads the same field HubSpot Workflow uses programmes_of_interest + theme to derive target School(s) and notify. This is native HubSpot — no custom code.
6
Cross-browser test + Documentation Chrome, Safari, Firefox, mobile Safari, mobile Chrome. Hand-off doc to NTU IT covering re-deployment, programme list updates, and break-glass fallback.

Total Phase 1 effort: ~3–4.5 working days · Indicative cost: SGD 4,500–6,000 · Risk profile: Low–Medium · standard pattern used by HubSpot Solution Partners.

Sources & Verification. All 134 programmes listed in this prototype come directly from NTU_Programmes_by_Theme.xlsx shared by NTU. Theme definitions follow the revised wording validated in our 3-round Theme Matching Study (Strict Accuracy 41.7% → 73.4%). HubSpot Forms API v3 endpoint and field schema reference HubSpot's public developer documentation.

Programme(s) of Interest Field — Searchable + Max 3

Register Your Interest — NTU Master's Degrees by Coursework

Behind the Scenes · For NTU IT Review