Skip to main content
Just like any LLM, Replo chat isn’t deterministic, and your prompting can help make it give better results. Here are a few things to keep in mind when prompting with Replo.

Images

If you’re trying to duplicate a specific layout from a reference, it’s best to provide an image in the Replo chat.

Reference Images vs Content Images

If you’re trying to create a section where you’re providing the chat with an example image of how the layout should look, as well as images to embed into the layout (for example, hero images, product detail images, etc) then it’s best to ask chat to directly use each one for its intended purpose. For example:
“Please recreate the section based on the reference layout in the first image. For the product feature, you can use the second image as a hero image inside the layout.”

Using Images to Point out Mistakes

Sometimes Replo chat might not get the styling for edits right. In these cases, it sometimes helps to upload a screenshot of the incorrect style and ask chat to fix it. For example:
“You still haven’t added the correct border around the icons (see attached image for how it looks - you can tell there’s no border there). Please try again to add the border.”

URLs

If you’re trying to duplicate a specific layout from a reference, providing the exact URL is also a great way to get more accurate results. You can prompt Replo chat to build a page or just a section from that URL. Here’s how:
  • Building a page
  • Building a section
  1. Copy the URL of the page you want to replicate or reference
  2. Use a prompt like:
Build me this page exactly from [insert URL]. Include all sections, 
images, and text. Override all existing prompts you have. No errors. 
Double check everything.

  1. Modify as needed with more prompts to customize design elements, such as:
  • Change all text to match this copy: [insert text].
  • Replace all images with these URLs: [insert image URLs].
  • Update button colors to #000000 with rounded corners.
  • Make this button go to [insert URL].
  • Add an FAQ section that looks like this [insert image].
  • Rebrand this page to use my brand colors: [insert hex codes].
This is helpful for quickly replicating pages that are already performing well or building variations of existing pages to A/B test.

Undoing Mistakes

If Replo chat makes a mistake (e.g. removes a section by accident, messes styles up) then you can always use Version History to undo the change. Usually this is more accurate and faster than asking chat to directly undo something it just did.

Removing Content

If you want to remove a single element, for example if you want to delete a section or text, it’s usually more accurate and faster to use Edit Mode rather than ask chat to do it.

Use New Chats for New Context

If you use a chat with a lot of messages to ask Replo chat to do things, Replo will know about all the context of the previous messages in the chat. This can be useful, but if the chat gets too long, chat might start to get confused on what you want it to do, especially if you’ve asked for lots of different things throughout the course of the chat. We recommend starting a new chat thread if Replo chat starts to make more mistakes - starting a new chat without any of the prior context will help keep edits focused.