Select Mode

Select mode lets you click something on the page and edit it yourself or ask Replo for specific changes. Change colors, fonts, images, videos, links, etc directly from the toolbar, double-click text to type, or ask Replo to rewrite that same selection. You don’t have to describe where the element is, and you don’t have to go through chat for everyday tweaks.

---

​

Turn on select mode

In Site Builder, click Select (the cursor icon) on the toolbar floating at the bottom of the site preview, next to Preview. It highlights when select mode is on. You can also press Cmd+P to toggle it, and Esc to leave it. Select mode is available only after the page preview loads. If you see Page preview isn’t ready, wait for it to load or retry the preview if it has an error. If the preview becomes unavailable while you are editing, Replo closes select mode and shows Select mode closed. Hover to highlight an element, then click it. Switch back to Preview to scroll and click through your site normally.

---

​

Edit it yourself

When you click an element, a toolbar appears on the selection. Use it to change that element directly. These controls apply immediately. You do not need to type a prompt or press send. The controls you see depend on what you selected:

• Color: text color and background. Open it to pick a brand token or a custom color.
• Alignment: left, center, right, or justify. Shown on text.
• Font: font family, size, and weight. Shown on text.
• Image: replace the image source. Shown on images.
• Video: replace the video source. Shown on videos. Open it to pick a file from Assets or paste a URL. The replacement applies on all devices.
• Link: change the URL. Shown on links.

​

Select a whole section

When the element you selected sits inside a larger section, a stack icon appears at the top right of the selection toolbar. Hover over or focus the icon to preview the containing section, then click it to move the selection from the element to that section. You can then use the same controls or ask Replo to change the whole section.

​

Type on the page

Double-click text to type directly on the page. While you are typing, the toolbar adds Bold, Italic, Underline, and Strikethrough. Not all text is directly editable. You may see Preparing text editor… appear beside the selection while Replo checks whether that text can be edited.. Dynamic fields, e.g. product titles, CMS integration text, text with icons or placeholders, and text with some other types of formatting can’t be directly edited. When that happens, Can’t edit dynamic text appears beside the selection - use Ask for changes to update these text components instead.

---

​

Ask Replo to change it

Chat is still there when you want a rewrite, a layout change, or anything the toolbar doesn’t cover. With an element selected, type in the Ask for changes composer. Replo updates just that selection, or uses that selection as context to make your change. Examples:

• “Make this headline more compelling”
• “Add a button under this text”
• “Turn this into a three-column grid”
• “Make this a product buy box for @Product”

If the selected element belongs to a component in the Component Library, a link to that component appears so you can jump to its definition.

---

​

Delete an element

Select a section or element and ask Replo to remove it. You can restore deleted elements with Version History.

​

Product sections

When you attach a product, Replo can build a product buy box around it. Ask it to add any of these:

• Product image carousels
• Dynamic titles, prices, descriptions, strikethrough/compare-at prices
• Variant, option, and quantity selectors
• Example content like FAQs and review layouts
• Add to Cart and Checkout buttons
• Subscribe and Save / selling plan tabs and dropdowns
• Bundle builders
• Checkboxes for free gifts and product upsell offers

All of that content stays editable. Use the toolbar for color, font, and alignment, or ask Replo to update it after it is built.

---

​

Related