The editor includes a live preview panel that updates in real-time as you make changes. You can preview how your website looks on different device sizes.
The Preview Panel
The preview panel is on the right side of the editor (on desktop) and shows a live rendering of your page inside a device frame.
Device Views
Three toggle buttons above the preview let you switch between device sizes:
View | What It Shows |
Phone | Your page inside a phone-shaped frame with notch and home indicator |
Tablet | Your page inside a tablet-shaped frame |
Desktop | Your page inside a monitor frame with stand |
The currently active device view is highlighted in teal.
Real-Time Updates
Every change you make in the editor tabs (Main, Social, Links, Advanced) is immediately reflected in the preview. You don't need to save or refresh — the preview updates live.
Frame Background
On tablet and desktop views, the area outside your content card shows the frame background:
If set to Solid Color: shows the chosen color
If set to Blurred Image: shows your uploaded background image with a blur effect at 50% opacity, slightly scaled up to avoid blur edges
Tips
Always check your page in all three device views before publishing — what looks good on phone might need adjustments for desktop
The phone view is the most important since most social media visitors are on mobile
The preview scrolls independently — scroll down in the preview to see how your full page looks
Use the preview to check text readability over your background, button spacing, and overall visual balance