Replo Docs

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:

  1. In the Replo Editor, select any component in Replo that you want the page to scroll to.
  2. Select the Container of that component. If the component doesn't have a container, you can insert a container around it by right-clicking the component in the left bar and selecting "Group Into Container".
  3. Navigate to "Config" in the right bar.
  4. Find the "URL Hashmark" config, and enter the name you want to appear after the "#" mark in the URL - for example, "shop-now".

To make a button scroll to a URL Hashmark

  1. Select the component you want to click to scroll to a URL hashmark section.
  2. In the right bar, find "Interactions" and add an On Click interaction.
  3. In the interaction popup, select "Scroll to URL Hashmark" from the dropdown. Note that you must create a URL hashmark elsewhere in the page first, or else the "Scroll to URL Hashmark" option won't appear.
  4. Type in the hashmark you want to scroll to.
  5. An offset specified in pixels up from the desired hashmarked section can be set via the Offset config.
  1. The "Smooth Scroll" toggle can be used to choose between an immediate scroll to the hashmarked section, or a smooth animated scroll.
  1. You can verify that scrolling to the hashmark works by enabling Preview Mode then clicking the button you added the interaction to.

Auto-setting Hashmarks in the URL

By default, when you set a URL hashmark on a container in Replo, the hashmark will automatically get added to the URL when a visitor scrolls to that section. Sometimes, this isn't what you want, so you can use the "Auto-enable URL Hashmark" setting to set whether the hashmark is automatically added to the URL.

To set auto-enabling of URL hashmarks:

  1. Select the component you defined the URL hashmark on
  2. In the right bar, find Config, then "Auto-enable URL Hashmark"
  3. Set the value to on to indicate that the hashmark should be automatically added to the URL when the user scrolls past this container on the Replo page, or off to indicate that the hashmark should not be added to the URL.

Was this article helpful?