> ## 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. # Sell Something You Already Have > Bring in the products you already sell and let Replo build the pages that sell them. export const TryPromptButton = ({prompt, imageSrc, imageAlt = "Template preview", imageStyles = {}, buttonCta = "Build in Replo"}) => { const [isLoading, setIsLoading] = useState(false); const [error, setError] = useState(null); const API_BASE = "https://api.replo.app"; const APP_URL = "https://dashboard.replo.app"; const LoaderIcon = ; const ChevronIcon = ; async function postJSON(url, body, headers = {}, timeoutMs = 120000) { const controller = new AbortController(); const timeoutId = setTimeout(() => controller.abort(), timeoutMs); try { const response = await fetch(url, { method: "POST", headers: { "Content-Type": "application/json", ...headers }, body: JSON.stringify(body ?? ({})), signal: controller.signal }); const responseText = await response.text(); if (!response.ok) throw new Error(`API Error: ${response.status}`); return responseText ? JSON.parse(responseText) : {}; } finally { clearTimeout(timeoutId); } } async function handleTryPrompt(event) { event.preventDefault(); event.stopPropagation(); setIsLoading(true); setError(null); try { const body = { prompt, file: null }; const {seed} = await postJSON(`${API_BASE}/api/v1/marketing/issue-marketing-site-jwt`, body); if (!seed) throw new Error("No seed returned from API"); const url = new URL(APP_URL); url.searchParams.set("type", "agent"); url.hash = `seed=${encodeURIComponent(seed)}`; window.open(url.toString(), "_blank"); setIsLoading(false); } catch (caughtError) { console.error("Failed to generate prompt:", caughtError); const message = caughtError instanceof Error ? caughtError.message : null; setError(message ?? "Something went wrong. Please try again."); setIsLoading(false); } } return

{} {imageSrc && {imageAlt}

} {}

{} {} {error &&

{error}

}

; }; 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

{} {}

; }; You already sell something, whether it is on Shopify, at markets, or over DMs, and you want pages that sell it better. Replo pulls in your products, builds product pages and funnels around them, and publishes the result on your own domain. The strongest version of this today is with Shopify. Connect your store, and your real products, with their real prices, variants, and images, become things Replo can build with directly. ## Why mention products instead of describing them A mentioned product is live data, not a description. Replo reads the title, price, variants, and images straight from your store, so the page it builds stays accurate, and you never retype a price into a paragraph. ## Build it In [Integrations](/apps/integrations), connect Shopify. Replo can then see your products, collections, prices, and images. Type `@` in the chat to mention a product or collection, and tell Replo what to build with it. ```text theme={null} Build a landing page for @Lavender-Candle with a hero, three benefit sections, reviews, and a buy section. ``` Replo builds product pages, landing pages, and funnels using your real product data, so prices and variants are always right. Publish to a Replo subdomain or [your own domain](/custom-domains). Buy buttons link your customers into your store's checkout. ## Related Connect Shopify and your other tools. Take your pages live.