Can my web developers write custom interactive components for Replo pages?

Yes! Replo provides multiple ways for developers to write custom interactive components and target elements with CSS/JavaScript.

Available Custom Development Options

Hashmarks (Element IDs)

Set unique id attributes on elements to target them with CSS or JavaScript. This is useful for anchor links and custom scripting.

Learn more about URL Hashmarks

At the moment it is not possible to add custom classes to the components themselves, this is a planned feature.

Custom Data Attributes

Add data-* attributes to elements for JavaScript targeting. Available on Buttons, Containers, Product Containers, and Text components and many more components.

Learn more about Custom Data Attributes

Custom CSS

Use the page-level CSS editor in page settings to add custom styling that applies to your Replo page.

Learn more about Custom CSS Styling

Run JavaScript

Execute JavaScript on element interactions using Replo's built-in "Run JavaScript" action. This allows you to trigger custom code when users click buttons or interact with elements.

Learn more about "Run Javascript" interaction

Custom HTML & Liquid

Embed custom HTML and Liquid code directly into your pages using the Custom HTML or Liquid components.

Learn more about Custom HTML and Liquid

Standardized DOM Attributes

Product components in Replo include standardized data-replo-* attributes, making it easy to target specific product elements consistently across your pages.

Learn more about Standardized DOM Attributes

Complete Guide

For a comprehensive walkthrough of all custom development capabilities, see our full guide: Custom Development with Replo