What you can do
You review the live site here. Use select mode to change color, font, alignment, images, and links yourself, or ask Replo in chat for larger edits.- Preview your site as you and Replo change it.
- Select an element to edit it yourself (color, font, alignment, and more) or to point Replo at it. See Select Mode.
- Switch between pages to review each one.
- Check different screen sizes to see how the site looks on desktop, tablet, and mobile.
- Review version history to compare changes over time and restore a previous version.
Working with Replo
Ask for changes in the chat and watch them appear here. Reviewing in the same panel Replo is editing means there is no copy to sync and no preview to refresh: what you see is what will publish.Target a specific element
When you want to change one thing on the page, click Select (the cursor icon) on the toolbar at the bottom of the preview, then click the element. A toolbar appears so you can change color, font, and alignment yourself. You can also double-click text to type, or ask Replo to rewrite just that selection. The full walkthrough, including every toolbar control, is in Select Mode.Share your page
The Share button next to Publish opens with Live preview selected. Replo prepares the link automatically, so click Copy share link to send someone a preview that stays current as you edit. This is different from publishing: the link is for review and does not publish changes to your live storefront. To give someone a reusable copy of the page, select Template, click Create template link, then copy the link. You can refresh the template link when you want to replace its saved version.Preview on different screen sizes
Use the viewport toggle in the top bar to preview your site at desktop, tablet, and mobile widths. Switch to mobile to check how the layout reflows and that the mobile menu works before you publish.Preview a dynamic page
Some pages render different content depending on the URL, like a product page template that works for every product in your catalog. These show a Dynamic page icon on their page card and in the breadcrumb. Open one and a Previewing toolbar appears above the page. Click it to search for a real record (a product, for example) and the preview jumps to that record’s actual page, so you can review it like any other page. For a page built from more than one route segment, choose each segment’s value in turn, left to right. The toolbar stays up so you can switch to a different record without leaving the page. Product templates also offer a Placeholder option that previews with sample data instead of a real record. If Replo can’t detect what fills the route at all, it shows a form to type in the route you want to preview directly. If the preview is showing sample data, or the product you picked is a draft or archived, a warning banner appears above the page explaining that this product won’t have a live URL until you pick an active product (or publish the draft/archived one). The banner links straight to that product’s page in Products. To create or edit the template itself, see Dynamic pages.Page and site settings
The More options menu (the sliders icon in the top bar) is where you reach a page’s settings, the site’s settings, the design library, and version history. You can also duplicate or delete the current page from here. There are two levels of settings, and the difference comes down to scope. Page settings apply to the one page you have open: its title, description, social preview, and whether that single page shows up in search. Site settings apply to every page at once: your site name, default social preview and favicon, tracking scripts and pixels, and your domains. As a rule of thumb, anything you want to differ from page to page lives in Page settings, and anything that should be the same everywhere lives in Site settings. Page settings can fall back to your site defaults, so set the broad strokes once at the site level and only override per page when a specific page needs something different.Page settings
Each page has a Page settings panel with its title, description, and social preview image, plus a Show in search results toggle to hide that single page from Google and other search engines. You can reset a page back to the site defaults.Site settings
Site settings apply to the whole site. Tabs include General, Scripts & Pixels, Domains, Redirects, SEO, and Languages.- General
- Scripts & Pixels
- Domains
- Redirects
- Languages
General controls how your site shows up: its name and description, a social preview image (1200 × 630) for when the link is shared, and a favicon for browser tabs. A live search preview shows how your listing looks on Google as you type.
Design library
The design library holds your site’s visual tokens: its colors (background, foreground, primary, accent, and more) and its typography (font roles like your sans font). Editing a token updates the whole site at once, so every page stays consistent. This is the same brand system Branding sets up for you.Version history
Every change is saved to version history, with a labeled entry for each edit, who made it, when, and how many pages changed. The latest version is marked current. To roll back, hover the version you want and click the restore icon (the circular arrow on the right of the entry). Replo then shows you exactly which pages will change to match that version, including any that will be deleted, so you can confirm before anything is overwritten. Settings and edits go live with your next publish, like any other change.Related
Select Mode
Edit color, font, and alignment yourself.
Publishing
Take your site live.
Custom domains
Connect your own domain.
Branding
Set up your brand system.