> ## 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 at Scale > Build pages for every campaign, track what converts, and get regular reports. 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
{} {}
{finalAltText}
; }; Your store is working and you want to grow. Growth usually means more surface area: a landing page per campaign, per audience, per product. Replo builds those pages fast, tracks which ones convert, and reports back to you on a schedule, so scaling does not mean hiring a team. Ask Replo for a page per angle you are testing. Start from your existing pages or from templates, and keep each one focused on one audience and one offer. ```text theme={null} Build three variants of the @Lavender-Candle landing page: one for gifting, one for self-care, one focused on the spring scent drop. ``` In [Integrations](/apps/integrations), connect your analytics and marketing platforms, and have Replo add your tracking pixels (Meta, TikTok, GA4, and others) to your pages so every visit is measured. Use Insights to see which pages and channels are driving sales, and which are not worth the spend. Set up a [task](/apps/tasks) to send you a performance summary on a schedule, so growth runs without you checking in daily. ## Keeping it running Once this loop is set up, it largely runs itself. You ask for new pages as campaigns change, Insights shows you what works, and your scheduled reports keep you informed. You step in to make the calls that matter and let the routine work happen on its own. ## Related Schedule recurring reports. Connect pixels and ad platforms.