> ## 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. # Integrations > Connect your tools and data sources so Replo can use 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
{} {}
{finalAltText}
; }; The Integrations app connects Replo to the rest of your stack: email platforms, analytics, ad networks, and more. Once a tool is connected, Replo can use it on your behalf, such as adding subscribers to your email list or reading your ad performance. You can reach Integrations from the **+** in the tab bar or the Cmd+K menu, or just tell Replo in chat that you want to connect a tool and it opens here automatically. The app opens to a searchable grid, grouped into categories like **Recommended** and **Marketing & Ads**, so you can find a tool and see what it does at a glance. ## Connect a tool Open the Integrations app and find the tool you want to connect. Sign in to the tool and approve access. Some tools connect through a login flow, while others ask for an API key you paste in. For tools that use an API key, the integration page shows a **Project connection** form instead: paste in the key (and any other fields the tool needs), then click **Connect**. A link to where you'll find your credentials in that tool's dashboard sits right above the field. Once connected, just ask Replo to use it. Point it at the tool with an @-mention so there's no doubt which one you mean, then ask it to set up tracking, sync your list, or pull in data. ### Two ways to connect Some tools can connect in two different ways that do two different jobs, and it helps to know which one you need. Google Analytics is a good example, since it offers both on the same page. The two are independent, so you can set up just one or both. Plenty of merchants do both: tracking runs on their site, and Replo can also read the results. The first way **turns the tool on for your published website**. You hand Replo a single identifier, like an API key (for Google Analytics it is your **Measurement ID**), and Replo installs that tool's snippet on the pages your customers visit. The tool then runs in your visitors' browsers and does its job automatically, like counting traffic or firing an ad pixel on every page. You set it once and it keeps working in the background. The second way **links your account so Replo can use it**. You sign in and approve access once, which gives Replo permission to act on your behalf, like reading your analytics reports or pulling campaign numbers into chat. Use this when you want Replo to fetch or work with data from the tool. ## Connect a tool from chat You do not have to open the Integrations app first. If you ask Replo to do something that needs a tool you have not connected yet, it drops that tool's connection card right into the chat, so you can authorize it without leaving the conversation. ```text theme={null} Connect my Google Analytics account ``` Here Replo recognized the request and surfaced the Google Analytics connection card inline. Connect it on the spot, and Replo picks up right where it left off. ## Use a connected integration Once a tool is connected, just ask Replo to use it. You can point it at a specific integration with an [@-mention](/sessions-and-history#mentions), the same way you reference a page or an asset, so there is no doubt which tool you mean. ```text theme={null} Add @Google Analytics 4 tracking to my site using my connected account, then publish it ``` Replo handles the details: it finds the right Google Analytics property from your connected account, adds the tracking as a managed script that loads through the consent layer (so it stays GDPR and CCPA compliant), and commits the change. Tracking starts on every page once you publish. ## Common integrations These are some of the tools people connect most often. The Integrations app shows the full, current list. Run Replo from Slack with an @mention. Track page views and conversions. Email capture and automation. Facebook and Instagram ads tracking. TikTok ads tracking. Pinterest ad performance. More ad-network tracking. Subscriptions and recurring orders. Reviews, ratings, and loyalty.