How Do I Preview My Strip Slider Widget on Desktop and Mobile in Feedspace?

Overview

The Strip Slider widget editor in Feedspace has a live preview with a Desktop and Phone switch above it. Desktop shows the strip inside a laptop frame; Phone shows it inside a phone frame, so you can see both before the widget goes on your site.

A strip that reads well across a wide screen can feel very different on a phone, where far fewer cards fit across at once. Checking the Phone view before you publish lets you catch a scroll speed that is too fast or colors that are hard to read at small size, while you are still in the editor.

Steps to preview on desktop and mobile

Step 1: Open the widget editor

Choose Widgets from the Feedspace sidebar, then click the Edit (pencil) icon on your Strip Slider’s card. The preview is on screen as soon as the editor opens, on both the Select Reviews and Design tabs.

Step 2: Check the Desktop view

Click Desktop in the switch above the preview. Watch a full loop of the strip and check that the review text, names and stars are easy to read as the cards move.

Step 3: Switch to the Phone view

Click Phone. The preview changes to a phone frame. Check the same things again, paying most attention to whether each card stays on screen long enough to read.

Step 4: Adjust the design if needed

If something looks off, change it on the Design tab. The preview updates as you work, so you can switch between Desktop and Phone to compare. Click Save & Next when you are happy.

What’s next

• Adjust the scroll speed if the cards move too quickly on the Phone view.
• Once the widget is embedded, open the page on your own phone for a final check on a real device.

Common questions

Does choosing Phone change how the widget looks on my site?

No. Desktop and Phone only change the preview frame in the editor. Your saved design is the same one visitors see, whatever device they use.