Widget Gallery
Browse every embeddable widget The Comparator offers โ live demos, static snippets you can copy, and upcoming formats. Pick any widget, then configure it in the Embed Builder to get the code for your site.
Live Widget Demos
Interactive previews โ these are the real Comparator engine running in iframes.
Deal Monitor โ Full (GPU)
LiveBest for dedicated product reviews or landing pages โ full decision dashboard with value score, price tiers, alternatives, and an inline price calculator.
Deal Monitor โ Micro (CPU)
LiveBest for sidebars and compact article callouts โ condensed value score with key metrics in a small footprint.
Value Badge โ Inline (CPU)
LiveA tiny inline element showcasing the final value score and current price โ perfect for product list pages and search summaries.
Top-N Value List โ Rows (GPU)
LiveBest for ranked roundup articles โ showing the top products in a given budget/preset in a stacked list format.
Top-N Value List โ Cards (CPU)
LiveBest for grid layouts and responsive comparison tables โ showing products as side-by-side cards with progress bars.
Versus โ Head-to-Head (GPU)
LiveBest for "X vs Y" articles โ two products scored in one shared price frame, so their Relative Values compare directly. Instrumental verdict, offer links per side.
๐ ๏ธ How to Embed Widgets on Your Website
Option A: Responsive Iframes (Recommended)
The most dynamic option. The widget fetches the latest price logs and performs calculations in the reader's browser. It is fully interactive and automatically syncs with the user's color scheme (light/dark mode).
- Go to the Embed Builder.
- Select your widget type, target product, and default styling.
- Copy the generated
<iframe>code and paste it into your CMS or article template.
Option B: Static HTML export (Creator/Pro)
Best for page speed and SEO โ static snapshots that search engines read immediately, with your own affiliate IDs and a licensed export. This is a Creator/Pro feature; free embeds use the live iframe (Option A).
- Preview the static formats in the Creator Static Widgets section below.
- Request Creator access to receive the licensed static export with your affiliate IDs.
- Paste the exported code into your article editor or CMS.
Widget plans
Free live embeds for everyone. Creator and Pro add static export, your own affiliate IDs and white-label.
Embed a live The Comparator widget with fresh value data and built-in attribution. Best for a quick interactive block without maintenance.
- โ Live iframe, always fresh
- โ Supported-retailer data
- โ "Powered by The Comparator"
- โ No custom affiliate IDs
- โ No white-label ยท basic styling
SEO-friendly static snapshots for publishers who want full control over markup, their own affiliate IDs and a licensed export.
- โ Static HTML export
- โ Your own approved affiliate IDs
- โ SEO-friendly markup
- โ Timestamped data snapshot
- โ Custom attribution (per plan)
White-label live widgets with custom styling, publisher tracking and supported-retailer refresh workflows.
- โ Custom colors ยท white-label
- โ Your own affiliate IDs
- โ Priority supported-retailer refresh
- โ Priority support
- โ Optional API / config
Custom affiliate tracking is available in Creator/Pro plans. For Amazon, publishers must use their own approved Amazon Associates ID and provide their own required disclosures. Widget Terms โ
Creator Static Widgets Creator
SEO-friendly static snapshots for publishers who want full control over markup, their own affiliate IDs and a licensed export. Preview below โ the full static HTML export is a Creator/Pro feature. Free embeds use the live iframe above (no maintenance, always fresh).
๐จ Customizing & Formatting Static Snippets
Because static snippets are raw, self-contained HTML and CSS, you have absolute freedom to customize them directly in your editor. Here are the core rules and CSS customization tokens to match your design system:
1. Layout & Sizing
All templates use responsive flexbox/grid layout and will automatically span 100% of their parent container's width. Do not set fixed dimensions on the widget wrap; instead, control its sizing by wrapping it in a parent <div style="max-width: 600px;">.
2. Color Customization
You can easily change colors by editing the CSS custom properties at the top of the <style> block:
--blue: #6366f1; /* Accent buttons */
--text: #0f172a; /* Title and names */
--surface: #ffffff; /* Card backgrounds */
3. Affiliate Tracking
Custom affiliate tracking is available on the Creator and Pro plans. For Amazon, publishers must use their own approved Amazon Associates ID and provide their own required disclosures. Free preview widgets do not include affiliate tags.
Coming Soon
These widget types are on the roadmap โ want early access? Let us know.
Benchmark Chart
SoonVisual bar chart comparing raster, ray tracing, and AI performance across selected GPUs โ great for reviews and roundups.
Quiz / Onboarding
SoonInteractive "find the right GPU for you" quiz โ doubles as a lead magnet and onboarding flow for new visitors.