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.
🛠️ 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 Snippets (SEO-Friendly)
Best for page speed and search engine optimization. Static snippets contain raw, inline-styled HTML markup that crawlers can read immediately. No iframes or external scripts required.
- Browse the pre-generated templates in the Static Snippets section below.
- Click "Copy snippet" to copy the clean HTML structure and CSS style block.
- Paste the code directly into your article editor or widget sidebar.
Unlock Custom Affiliate Tracking & White-Labeling
Support development and make widgets truly yours. With a premium license key, you get access to exclusive features designed for professional publishers and affiliate marketers.
Static Snippets
Pre-rendered HTML files — no iframe needed. Copy the snippet and paste directly into your article or CMS.
🎨 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 Tag Swapping
To collect 100% of affiliate commission on your site, search for the Amazon Associates tracking parameter inside the hyperlink tags:
href="...&tag=price2click06-20"
Replace price2click06-20 with your own Associates ID.
Coming Soon
These widget types are on the roadmap — want early access? Let us know.
Head-to-Head Compare (Versus)
SoonShow side-by-side specs and performance breakdowns of two specific products with a custom value evaluation — ideal for "X vs Y" articles.
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.