> ## Documentation Index
> Fetch the complete documentation index at: https://beta-docs.replo.app/llms.txt
> Use this file to discover all available pages before exploring further.
# Select Mode
> Target specific elements on your page for precise edits
export const Screenshot = ({src, altText, width, shadow = true}) => {
const generateAltText = imageSrc => {
if (!imageSrc) return "Screenshot";
const filename = imageSrc.split("/").pop() ?? "";
const nameWithoutExt = filename.replace(/\.[^/.]+$/, "");
const readable = nameWithoutExt.replace(/[-_]/g, " ").replace(/\b\w/g, char => char.toUpperCase());
return readable === "" ? "Screenshot" : readable;
};
const finalAltText = altText ?? generateAltText(src);
const imageWidth = width ? `${width}px` : "100%";
return ;
};
Select mode gives you a direct way to click into elements on your page and edit them precisely. Instead of describing where something is ("the third heading in the second section"), you select it on the page and tell Replo what to change.
***
## Enabling Select Mode
Turn on select mode by clicking the **cursor icon** in the chat composer, just left of the send button; it highlights when it is on.
Once active, the builder prompts you to **select any content to target your edits**. Hover over the page to highlight elements, then click to select.
***
## Selecting Elements
When you click an element, it attaches to your next chat message, so Replo changes exactly that and nothing else.
***
## Editing Elements
With an element selected, type what you want in plain English. 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"
Replo updates just the selected element, leaving the rest of the page untouched.
Edits auto-save in the background, but won't be shown on the live page until you publish.
***
## Deleting Elements
Select a section or element and ask Replo to remove it. You can always restore deleted elements using [Version History](/features/version-history).
## Product Sections
When you attach a product, Replo can automatically build a product buy-box around it. Some of the things Replo can automatically add, if you ask it to:
* Product image carousels
* Dynamic titles, prices, descriptions, strikethrough/compare-at prices
* Variant/option/quantity selectors
* Example content like FAQs, review layouts, etc
* 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 content stays editable, and you can always ask Replo to update it after you build it.