Device preview

Review the site at every screen size, from one link

Flip the review between desktop, tablet and mobile widths without leaving the page. The site re-renders at each one. Your client pins the mobile menu bug at the width the menu breaks.

14 days of Studio. No card needed.

Half of your client's visitors are on a phone. So is half the feedback.

The client reviews on a 27-inch screen and approves. Their daughter opens it on a phone and the hero text wraps into four lines. Or the reverse: they review on a phone in a taxi and ask why the sidebar is missing. Desktop-only feedback is half a review.

Device preview puts all three widths inside the same review. The pin records the width it was placed at, so "the menu is broken" comes with "at 375 pixels wide".

How it works

app.hopback.io/share/7f3a…c91e
No account. No download.
1

Open any live website review.

1
2

Pick Desktop, Tablet or Mobile in the toolbar. The site re-renders at that width, as it would on the device.

1
Pam Beeslyjust now
Can this button be bigger?
3

Drop pins as usual. Each one remembers the width.

HomePaperBranchesContact
2
4

Switch back. Pins placed at other widths stay where they belong.

What it is for

Live sites only

Device preview applies to website reviews, where the page can re-render. Images and PDFs are shown at their own size.

Live websitesRe-render at each width
Images and PDFsShown at their own size

So you can

FAQ

Questions

Which widths are included?

Desktop at the full width of your screen, tablet at 768 pixels and mobile at 375 pixels, the standard iPad and iPhone breakpoints most sites are built around.

Does this replace testing on real devices?

No. It catches layout and content problems fast. Test on real devices before launch as well.

Can my client review on their actual phone?

Yes. The review link works on a phone. Device preview is for checking other widths from whatever screen they are on.

Does device preview work on uploaded designs?

No. It re-renders live sites. Uploaded images and PDFs are shown at their native size.

Review every width before your client's customers do