The Replo Editor

The Replo editor includes a variety of tools and controls to help you create and manage your Shopify store's pages. Page Preview Front and center in the editor is the page preview. This is where you can see the page, and click on differe...

• Updated September 04, 2023 18:24

Layouts

Every component in Replo can be positioned using auto layout. It lets you create designs that grow to fill or shrink to fit, and reflow as their contents change. This is great when you need to add new components, accommodate longer text...

• Updated August 07, 2023 18:37

Adding and Moving Components

Replo makes it easy to add and rearrange new parts of every page using a drag and drop interface. Adding Components To add a component to the page: Find the Add Components tab on the left side of the editor. Hover over any component and...

• Updated July 26, 2023 15:11

Data Collections

Data Collections are a lightweight way to manage structured content, built into Replo. If you've ever used a Content Management System (CMS) like Contentful, Strapi, or Sanity before, you'll be familiar with Data Collections. You can...

• Updated July 26, 2023 17:58

Custom Fonts

Replo allows you to add a font straight from your computer to any Replo content by uploading a font file in the editor. Additionally, Replo auto-magically imports all Google fonts and any fonts from your Shopify theme for use without hav...

• Updated July 26, 2023 18:05

Dynamic Data

Dynamic Data is a powerful concept in Replo that allows your component configurations to be "bound" to data sources that are defined in another place. For example, you might have text that displays the price of the currently selected pro...

• Updated July 26, 2023 18:06

Metafields

Shopify Metafields help you add and store additional structured information for your store and products. For example, you can store additional information about a product, such as features, specifications, and size charts. If you sell gr...

• Updated September 06, 2023 17:29

Interactions

Every Replo component can be interactive - when you create a page in Replo, you can specify what happens when the user clicks on a component or hovers over it with their mouse. Adding an interaction To add an interaction to a compone...

• Updated August 22, 2023 17:13

Responsive Design

It's very common to want to have different styles apply to the page for mobile than would apply on desktop. Replo makes this easy, by allowing you to preview your pages on tablet and mobile views, and apply different style overrides to ...

• June 27, 2023 22:33

Saved Templates

Replo allows you to save any part of a page to your saved template library in order to reuse it later. This feature is really helpful when you want to build a component once and use it in many different pages - save that component as a S...

• June 27, 2023 22:34

Replo Shopify Section Library

Replo has hundreds of pre-built Shopify sections available - whether it's a product feature, logo bar, or reviews highlight section, Replo's built-in section library can help you build your pages faster using common templates. Every ...

• June 27, 2023 22:34

States

States are a powerful feature of Replo which allow components to take on different styles in certain circumstances - for example, a button can have a different background color when the user hovers over it with their mouse. Adding State...

• Updated August 28, 2023 21:15

Swatches

Swatches are a concept in Replo which allows you to associate colors, images, gradients, and more with product option values or variants. Swatches are useful for product features where you want display options (for example, colors of cl...

• Updated July 25, 2023 21:05

Subscriptions

  Replo supports interacting with Shopify products that support subscription selling plans (e.g. products that ship every month, which can be purchased with a discount). Subscription Apps Replo integrates with all apps on Shopify that p...

• Updated June 28, 2023 19:39

URL Hashmark

URL Hashmarks are a feature of Replo that allows visitors to scroll to a specific section of a Replo page. To create a URL Hashmark: In the Replo Editor, select any component in Replo that you want the page to scroll to. Select the Cont...

• June 28, 2023 19:40

Version History

Sometimes, you may want to restore an older version of a published page - for example, if you've made a mistake in the current version. Replo tracks changes to your pages and saves a version history, so that you can revert to any publish...

• Updated September 04, 2023 20:43

Animations

Animations are a powerful feature of Replo that can make your pages feel sleek, approachable, and interactive. In Replo, almost any component can be animated, and there are many built-in animations available. Adding an Animation To add ...

• Updated July 26, 2023 18:58

Hotkeys

When you're getting into a state of flow, the line between tool and designer blurs, giving you the freedom to explore the problems you're trying to solve. To save you from any unnecessary clicking and scrolling, we've put some handy keyb...

• Updated June 28, 2023 19:45

Replo AI

FAQs What is Replo AI? Replo AI is an artificial intelligence-powered tool that helps businesses create effective landing pages with maximum engagement and conversions. How does Replo AI work? Replo AI automates tedious tasks like copyw...

• June 28, 2023 19:43

Sharing Replo Templates & Earn Referrals

How to Share a Replo Template and Earn Through Referrals Ever thought about sharing a Replo template? It's not just easy, but you can also earn from it! Here's a quick guide on how to do it:   Creating a Shareable Template Navigate to ...

• Updated August 15, 2023 14:57