Case studies
Show the before-after idea on portfolio pages and link readers into DualView for deeper inspection.
Developer Integration
Embeddable Comparison Widget
DualView includes a lightweight iframe preview for showing a comparison state inside docs, portfolios, case studies, QA reports, and product pages. The embed is intentionally simple: it renders a branded comparison preview and links users into the full DualView app when they need to inspect real files.
Quick Answer
Use the DualView embed when you want a lightweight comparison preview on another website. It is best for documentation, examples, changelogs, and case studies where a static preview plus an “open in DualView” handoff is enough. Use the full app for real file inspection and exports.
Iframe Example
<iframe
src="https://www.dualview.ai/embed.html?mode=slider&ar=16:9&sp=50"
title="DualView comparison preview"
loading="lazy"
width="100%"
height="520">
</iframe>Supported Parameters
| Parameter | Example | What it controls |
|---|---|---|
| mode | slider, side-by-side, heatmap | The label and app handoff mode shown in the preview. |
| ar | 16:9, 1:1, 4:3, 9:16 | The preview aspect ratio. |
| sp | 50 | The slider position from 0 to 100. |
| so | v or h | Vertical or horizontal slider orientation. |
When To Use The Embed
Documentation
Explain a comparison workflow without hosting users' private source files.
QA handoff
Attach a consistent visual comparison preview to bug reports, release notes, or visual QA pages.