Prompting 101

Go from a blank chat to a landing page you’d actually ship, one prompt at a time.

The fastest way to learn prompting is to build something. This guide walks you through one campaign, a product launch page, from first prompt to shipped page. Every step has a prompt you can copy, use as-is, or adapt to your own product.

Before you begin

You can follow along with any project. Results get noticeably better if you’ve set up your brand in Brand Studio and connected your products through Integrations first: Replo pulls your colors, fonts, product data, and checkout automatically instead of guessing.

Step 1: Describe what you want built

Talk to Replo the way you’d brief a designer: what the page is for, who it’s for, and what’s on it. You don’t need special syntax.

Build a launch landing page for my new lavender soy candle.
Audience is first-time visitors coming from Instagram ads.
Include a hero with the product photo, three benefit callouts, a reviews section, and one "Shop Now" button.

Replo will start building and stream its work into the Website Builder so you can watch. For bigger requests it drafts a plan first, so you can review the steps and redirect before it commits.

Step 2: Add the context that changes the output

Replo follows what you say literally, so the details you give shape what you get. The three that matter most for a campaign page: where the traffic comes from, what the offer is, and what counts as success.

Traffic is cold, from TikTok, so keep it fast and mobile-first.
The offer is 20% off the first order.
The only goal on this page is clicks on "Shop Now", so keep it to a single CTA and no navigation links out.

Step 3: Iterate one change at a time

Once you’re reacting to a real page, refine it with small, focused follow-ups. One change per prompt is easier for Replo to get right and easier for you to review.

Make the hero headline shorter and punchier, and move the reviews above the benefits section.

If the result isn’t what you meant, say what’s wrong and ask again. You don’t need to start over; Replo keeps the rest of the page intact. Anything you want to undo lives in Version History.

Step 4: Point at the exact element

When a request is about one specific thing on the page, don’t describe where it is; select it. Turn on select mode (the cursor icon in the composer), click the element, and your next message applies to exactly that.

Rewrite this to lead with the discount.

Selecting the element beats writing “the second button in the third section” every time.

Step 5: Reference what you already have

Concrete references anchor the result far better than adjectives. Three kinds work especially well:

• Your products. Type @ and pick a product; Replo pulls in real titles, images, prices, and variants, and wires the page to your checkout.
• Images and ads. Paste a screenshot of an ad or a page you like, and Replo matches the layout, tone, or palette. Pages that match the ad that sent the visitor convert meaningfully better than generic ones.
• URLs. Link to a reference site and say what to take from it: the whole layout, one section, or just the vibe.

Build a product page for @Lavender Candle that matches the attached ad creative: same headline promise, same warm color palette.

Step 6: Say what not to do

Constraints keep pages focused and stop scope creep. State them as plainly as the asks.

Keep one CTA on the whole page. No pricing table, no related-products carousel, and don't change the hero image.

Step 7: Ask Replo to sharpen your prompt

Not sure how to brief a new kind of campaign? Have Replo interrogate your prompt before building.

Review this prompt and tell me what's missing before you build it: "Build a landing page for a welcome offer with social proof and an email capture."

It will come back asking about the offer, the audience, and the traffic source, and you’ll have a stronger brief in one round trip.

Step 8: Keep what works

When a page performs, turn its prompt into a reusable asset instead of reconstructing it from memory next quarter.

Summarize the launch page we just built as a reusable prompt I can run for future product launches.

For briefs you reuse constantly, go one step further and save it as a skill: a named routine Replo can run on demand, like /launch-page with your house style baked in.

Pro tips

Be specific about the change, not just the goal.

Instead of: “make this page better”

Try: “tighten the hero copy to one sentence, make the benefits icon bullets, and move reviews above the fold”

Number your steps for multi-part requests. Replo mirrors your structure:

1. Hero: headline + subhead + CTA
2. Benefits: 3 icons with one-line descriptions
3. Social proof: 5 reviews in a grid
4. FAQ: 4 questions, collapsed accordion
5. Final CTA: same as hero

Spell out copy and placement when it matters. “Add an email capture somewhere” leaves Replo guessing on three things; “email field under the hero, button text ‘Get 15% Off’” leaves it guessing on none.

Let Replo explore first. Before a redesign, ask “what would you improve on this page and why?” and pick from its answers.

What’s next

Prompt Library

Ready-to-run prompts for launches, sales, listicles, and more.

Prompting Principles

The three habits behind every good prompt.

Prompting Replo

Replo-specific moves: reference images, URL rebuilds, and recovering from mistakes.