tUX Microsite Certificate Overview 07.2025
CAT PREP: Template will be published for site review. Once site review is completed (usually during the “Vet Issues” task), please unpublish templates. If there are DEV tickets using this template as an example, please provide the public preview links. Remove RB from templates after unpublishing the templates.
CAT PREP: Update component colors based on notes and best judgement. Create consistency across the site when possible (ex: Quote block). Design will provide recommendations during their review, if needed. Remove this RB from templates after updating (usually during “Final Site Prep” task before upload).
CAT PREP: Check if the “Normalize Heading Sizes” Feature Flag is turned on in the theme settings for the template site. DO NOT ADJUST THE TOGGLE SETTINGS (FOR DEV ONLY). If your site does not have this turned on, update headers to include classes, as needed. Remove this RB from templates after updating (usually during “Final Site Prep” task before upload).
CAT PREP: If this page isn’t in the sitemap of the Matrix, delete the page during “Final Site Prep”. Once all the pages and templates on the site have been updated, delete this CAT PREP paragraph from the RB–other paragraph should remain in the RB.
CAT NOTE: This template should be used for any new or existing tUX sites, unless the partner uses custom templates per CH. Confirm no updates are needed to this template by comparing against the template site before cloning. Delete note after reading.
CAT NOTES (Right Rail):
- Update URL.
- Template selected should be “Default template.”
- Select the correct field and level of study.
- “Freya Embed Form” should have the Microsite Freya form and “All Programs” selected.
- Add H1 as “Custom Page Heading”. Program Title should be the name we want to appear in the subnav, /programs/ page, program sliders, and breadcrumbs.
- Add summary that will appear on /programs/ page and program cards.
- Other fields should be fine as is. Delete notes after reading.
CAT NOTE: Hero B component with RFI. Focus image and add overlay, as needed. Adjusting the Hero B background color may help if icon/text color has low visibility against the image used. RFI should automatically use “[Primary Bold]” color–no CAT action needed. Delete note after reading.
H2 Header w/ u-f800 class [Hero 2]
CAT NOTE: Standard fast facts should follow order of all 4 facts outlined below. Make adjustments to the icon(s), as necessary. “Small grid size” toggled on. Delete note after reading.
Modality
Duration
Credit Hours
Cost Per Credit
Request More Information
CAT Note: Reusable block copy might need small adjustments to align with partner guidelines/style. Please refer to GC. If the RFI copy is completely rewritten loop in Allyson Priano. If no content is included, leave content below as is. Delete note about reading/applying change, if necessary.
CAT Note: If working on an international partner, RFI heading might need to be adjusted to sentence case. Confirm with PMM that this is the case before adjusting. Heading is a H2 w/ h3 class. Delete note about reading/applying change, if necessary.
Complete this form to receive information about coursework, admissions, tuition, and more.
CAT NOTE: Two Column component with a 65/35 layout and “[Neutral]” background color. Column layout can be adjusted, if needed, to fit content better. Delete note after reading.
Elevator Pitch (flexible heading), H2 Header
Content uses the default font size.
Certificate Details (standard heading), H2 Header
- Max of 5. Default font size unordered list w/ tux-c-featured-list class
- Content uses the default font size
- Content uses the default font size
CAT NOTE: Two Column component with a 35/65 layout and “White” background color. DO NOT adjusted to 50/50 due to issues created for left column facts. Delete note after reading.
Curriculum (flexible heading), H2 Header
CAT NOTE: First icon fact is standard and should not change. Second fact is flexible. Toggle on “Small grid size.” Delete note after reading.
## Courses
Flexible Fact
Content uses the default font size.
Required [Certificate Name] Courses (flexible heading), H3 Header
CAT NOTE: Component block already has settings applied (courses; manual; accordion; H4). CAT will only need to click the “Select Posts” button and select the courses to be listed. You’ll have to search by the course name instead of the course number. Each new course you select will be added to the bottom of the list. If you need to rearrange the course order, you may do so in the “Manage current selection” section. Delete note after reading.
CAT NOTE: Two Columns Media component with media on the right and “White” background color. Delete note after reading.
Careers (flexible heading), H2 Header
Content uses the default font size.
CAT NOTE: One Column component with an “[Alt Bold]” background. Delete note after reading.
Career/Industry Cards (flexible heading), H3 Header
CAT NOTE: There should only be 2 cards. Row alignment is using “Stretch.” Delete note after reading.
CAT PREP: Cards are using box shadow. If background color used is dark (not white or light) remove box shadow from all cards in this template. Delete note after actioning.
Job Title/Industry Stat ## per year#
Job Title/Industry Stat ## per year#
CAT NOTE: Two Column component with a 50/50 layout and “White” background color. Column layout can be adjusted, if needed, to fit content better. Delete note after reading.
Value of a Certificate (standard heading), H2 Header
Content uses the default font size.
Certificate Outcomes (flexible heading), H3 Header
- Max of 8. Default font size unordered list w/ tux-c-featured-list class
- Content uses the default font size
- Content uses the default font size
“[Optional] quote & image. Must include quotation marks. For consistent across site, use “[Primary Bold]” background color when possible. Remove block if component is not used.”
–Person, Program, Class of ####–upload this content as sentence case
CAT NOTE: Two Column component with a 65/35 layout. Column layout can be adjusted, if needed, to fit content better. “White” background color in the left column and a “[Neutral]” background color in the right column. Delete note after reading.
Admissions (flexible heading), H2 Header
CAT NOTE: Icon facts are standard and should not change. Use “Small grid size” toggle if this column is changed to 35 width. Delete note after reading.
Application Deadline MM/DD/YY Semester QX YYYYY
Start Date MM/DD/YY Semester QX YYYYY
Content uses the default font size.
CAT PREP: Parts or all of the “Admissions” section may or may not be reusable. Create RBs when possible. If the content is different from a RB due to specific program needs, break the existing RB and update as necessary. Delete note after reading.
CAT PREP & NOTE: During new site setup, regular sized table below should be updated to reflect the correct left column information for this partner to ensure site consistency. You may also include any reusable copy that may appear on all programmatic admissions table (Ex: Online Application Form right column). If the table is the same for most programs, it can turn it into a RB (can even have multiple RBs if needed–ex: graduate programs and undergrad programs admission tables). If possible, turn into a RB. Delete note from templates after updating (usually during “Template Setup” task before upload).
| Online Application Form | Apply Now |
|---|---|
| Degree and Minimum GPA | Content uses the default font size |
| Transcripts | Content uses the default font size |
| Transfer Credits | Content uses the default font size |
| [Optional] Official [Test] Score(s) | Content uses the default font size |
| [Optional] Additional Requirements | Content uses the default font size
|
CAT NOTE: Secondary button above is standard and links to the Brand admission hub page.
Tuition (flexible heading), H2 Header w/ h3 class
CAT NOTE: Icon facts are standard and should not change. Use “Small grid size” toggle if this column is changed to 35 width. Delete note after reading.
$## Cost per Credit
# Total Credits
Content uses the default font size.
CAT PREP & NOTE: Parts or all of the “Tuition” section may or may not be reusable. Create RBs when possible. If the content is different from a RB due to specific program needs, break the existing RB and update as necessary. Delete note after reading.
Tuition & AidCAT NOTE: Secondary button above is standard and links to the Brand tuition page.
CAT NOTE: Related programs section is [Optional]. One Column component with “White” background color. Delete note after reading.
[Optional] Related Programs (standard heading), H2 Header
CAT NOTE: Use custom program slider below to list the related programs selected by SEO. No copy above the slider. Delete note after reading.
CAT PREP: FAQ section is only for strategies including FAQs such as Traditional or LTO-Expanded–otherwise, exclude from template.
CAT NOTE: Two Column component with a 35/65 layout and a “White” background color–keep this section color consistent across the programmatic pages. Delete note after reading.
Frequently Asked Questions
CAT PREP: Reusable block. Header & wording is standard and should not be changed. Heading is H2 and copy is regular sized. Delete note after reading. If FAQs are not apart of the site strategy, RB can be deleted.
Explore our frequently asked questions for in-depth answers. If you don’t find what you’re looking for, reach out to us.
CAT NOTE: List the standard 6 FAQs from the demo site, unless otherwise noted. If there will NOT be a main FAQ page, switch “FAQ Selection” from ‘Program’ to ‘Custom’ so the automatic button will be excluded. Delete note after reading.
FAQ answer here.
CAT PREP: Adjust Sources and Disclaimers heading as necessary to fit partner’s nomenclature. Delete note from this RB after adjusting across the site during “Final Site Prep”–remaining paragraph will stay in this RB.
CAT NOTE: One Column component with “White” background color. Adjust Sources and Disclaimers heading as necessary to fit the content provided (ex: plural vs singular). Delete note after reading.
Sources and Disclaimers (standard heading), H2 Header w/ h3 class
- Small sized ordered list, source is hyperlinked.
- Small sized ordered list, source is hyperlinked.
- Small sized ordered list, source is hyperlinked.
CAT NOTE: Disclaimers on the site are small sized copy and italicized. Delete note after reading.
CAT NOTE: Use variables in “Seo Title” and “Meta description” if you can. Delete note after reading.
CAT NOTE: In the “Tealium Settings” section, update the ‘Associated Program’ dropdown. The program MUST be appearing in the RFI in order to appear in the list. If it does not appear, try re-clicking the ‘Program API’ button in “Settings” and refreshing this page. ‘Page Type’ and ‘Site Section’ can be left blank. They should default to ‘Page Type = Program’ and ‘Site Section = Online Programs.’ Confirm this is functioning correctly on the frontend. Delete note after reading.