What you can do
You review the live site here. Use select mode to change color, font, alignment, images, videos, 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 from the page address in the top bar, or open the Component Library from that same menu.
- 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.
If the Components tab is missing, the Component Library is not enabled for that project.
Use the top bar
The top bar works like a browser’s, so site navigation and publishing controls stay in one row while you work:- Use the site chip on the left (favicon and site name) to switch sites, rename the current site, open Site settings, or create a new site.
- Use the page address in the center to open a page, search your site by path or page name, create a page or component, or enter the Component Library. Back and Forward step through the pages you have visited, and Refresh reloads the preview.
- Use the device control at the end of the address bar to review desktop, tablet, and mobile layouts. Once a page is live, an Open live page button next to it opens the published page in a new tab.
- Use the Settings gear to open page settings, version history, site settings, domains, and the design library, or to duplicate or delete the current page.
- Use Share to send a preview and Publish site to review and publish changes.
Switch sites
The site chip on the left shows the current site’s favicon and name.- Click it to see every site in the project. Pick one to open the last page you were editing there.
- The same menu has Rename, Site settings, and New site.
- When you have left the editor for Site settings, templates, or translations, picking the current site returns you to the last page you were editing.
When a site has no pages
If you delete the last page, the top bar stays. You can still open Settings, switch sites, and choose Create new page from the page address. The preview is replaced with Start your site and a 2×3 grid of page templates. Pick one, or Browse page templates, to put a page on the canvas.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, alignment, images, videos, and links 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.Publish changes
Click Publish site to open the publishing popover. It shows your live address and a Changes row. Open Changes to review new and edited pages and choose which ones to include; search narrows the visible list without clearing other selections. Click Done, then Publish site to deploy. See Publishing for the full walkthrough.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 toolbar above the page shows the name of the item you’re previewing, such as a product. Click the name to search for another item, and the preview jumps to that item’s actual page, so you can review it like any other page. Use the arrows next to it to step to the previous or next item; the counter shows where you are, like “3 of 8”. For a page built from more than one route segment, choose each segment’s value in turn, left to right. Product templates also offer a Sample product option that previews with sample data instead of a real record. If Replo finds no items for the template, you can paste the URL of a page to preview it, or click Ask Replo to add sample items so the agent adds a few entries to the page’s data. 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 Settings gear in the top bar is where you reach a page’s settings, the site’s settings, domains, the design library, and version history. You can also duplicate or delete the current page from here. On a site with no pages, Settings still opens Site settings. 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 URL, title, description, a live search result preview, 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 separates your dashboard Site name, which visitors never see, from your Site title, which appears in browser tabs and search results. Set a description, social preview image (1200 × 630), and favicon for browser tabs. A live search preview shows how your listing looks on Google as you type. Use Save and publish to apply your changes.
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.