Affiliate Widget Test Page
Previewing all 6 ESY widget types (listings, custom_bullets, zip_search, button, search, custom) plus our styled wrapper components.
1. Raw ESY Widget Types
Listings (3 results)
Full program cards with school info and CTA buttons. Best for main content areas.
Listings (1 result, horizontal)
Single listing with horizontal layout. Compact inline placement.
Bullet List
Compact bullet-style list of programs. Good for sidebars and inline sections.
Bullet List (horizontal layout)
Same bullet type but with horizontal layout for wider placements.
Zip Code Search (vertical)
User enters zip code to find nearby programs. High engagement format.
Zip Code Search (horizontal)
Horizontal zip search - works well as a banner or CTA strip.
Button Only
Just a CTA button — smallest footprint. Ideal for inline or after-paragraph placement.
Button Only (horizontal)
Horizontal button variant.
Search Widget
Search-style widget. Similar to zip_search but different rendering.
Raw ESY search type (for comparison):
Custom Widget
Custom-formatted widget with intro text. Flexible layout.
Custom Widget (horizontal + intro)
Horizontal custom with intro text — banner-style.
Multi-Step Search (Pre-configured)
Uses a pre-configured widget ID instead of category IDs. Users select area of study, degree level, and format.
2. Styled Wrapper Components
A. Listings Frame
Minimal frame with label. Used on state pages below key takeaways.
Cybersecurity Programs Near You
(Sponsored)B. Section CTA
After content sections (salary, career outcomes, curriculum).
Example context: Software developers in Texas earn a median salary of $125,000...
Explore Computer Science Programs
(Sponsored)C. Program Finder
Category grid for non-specific pages (career guides, skill pages).
Find Tech Programs Near You
Select a program and enter your zip code to discover accredited programs.
Or Browse by Program
D. Category Cards
Compact clickable cards. Good for hub pages.
E. Native Program Card
Matches TopProgramCard style with subtle "Sponsored" badge.
Top Cybersecurity Programs
Compare accredited programs with tuition info
Sponsored listings from our education partners
F. Comparison Banner
Horizontal banner with value proposition text.
Compare Online Cybersecurity Programs in Arizona
View tuition costs, program formats & enrollment info
G. Inline Content Callout
Embedded within prose sections.
Programs Near You
Enter your ZIP code to see accredited programs with current tuition rates.
H. "Next Step" Action Card
After decision-making sections.
Ready to Take the Next Step?
You've done your research. Now find a Cybersecurity program that fits your goals and budget.
Flexible Schedules
Financial Aid Info
Accredited Programs
Sponsored listings from accredited institutions
I. Minimal Text Link
Subtle inline placement within prose.
After researching salaries and job growth, you might be ready to explore your options.
3. ESY Widget Class Inspector
After widgets load, ESY class names found in DOM:
Loading... (inspect widgets above to see actual class names)