Skip to main content
Turn your best designs into reusable components in the Component Library. Use the same header across your site, build product pages around one buy box, or give every button a consistent style. When you want a new look, ask Replo to update the component and the pages that use it share the change. Each page can still have its own content: a different product in the buy box, a shorter footer, or a button with its own label and link. If you created the site from a template, Component Library already includes reusable sections from that template. Open Component Library on the site dashboard and pick one from the dropdown to preview it. The walkthroughs below still apply when you want to add a new component of your own.

​
Create and preview a component

Open your site in Site Builder and tell Replo what you want to reuse. You can start with something already on a page or describe a new design. Once Replo creates it, click Component Library on your site’s dashboard. Choose your component from the dropdown, then try its settings in the preview. Click Edit in chat to request changes, or mention the component with @ in chat.
Preview controls let you try ideas. To save a choice, describe it in chat and send the message, such as “Make the centered logo the default.”
The examples below use a home page and a landing page on the same site. Replace their names with your own.

​
One header for your whole site

Keep your logo and navigation consistent as you add pages. Start with a header you already like:
Choose Site Header in the Component Library and try both logo layouts in the preview.
Site Header preview with a choice of logo layouts
Want to refresh the header across your site? Click Edit in chat and send:
You can keep building with the same header. When you ask for another page, include “Use Site Header for the navigation.”

​
A footer that fits each page

Reuse your contact details and navigation, with a shorter version for focused landing pages:
Open Site Footer in the Component Library. Try hiding the description in the preview to see the compact version.
Site Footer preview with a toggle to show or hide its description
Then ask Replo to use that version on one page:
Both pages still share the footer design. Later, you can update its contact email or navigation once for both pages.

​
One buy box, different products

Build a purchase section you can reuse for new products and campaigns. First, connect Shopify or add your products in Products, then ask:
Choose Product Buy Box in the Component Library. In the preview, pick a product and try the layouts. Switch products to see how the design looks with different images, titles, and prices.
Product Buy Box preview with product selection and layout options
To add it to your pages, name the products and pages in chat:
Replace the bracketed names, or mention your products with @. Each page gets its own product and layout. When you improve the shared design, both pages get the update. Open each page to check product options and Add to cart before publishing.

​
Buttons that stay consistent

Small details can be reusable too. Create a button with the styles you need:
Choose Call To Action in the Component Library and preview its styles and sizes.
Call To Action button preview with label, link, style, and size options
To change the shape of every button using this component:

​
Common questions

Yes. Name the page and describe the part you want to reuse: “Save the reviews section on my home page as a reusable component and add it to my landing page.” You can reuse a whole section or something as small as a button.
Yes. Name the page and the change: “Use a secondary Call To Action button on my landing page only.” You can vary content, products, and options while keeping the shared design. If you want a completely separate design, ask Replo to create a new component for that page.
Ask for them in chat. For example: “Add an announcement bar to Site Header with editable text and an option to hide it.” Then open the component in the Component Library to preview the new options.
Some properties can’t be edited manually. Ask Replo in chat to adjust those properties for you.
Components are shared within one site. Your saved edits stay in draft until you publish.