Skip to main content

​
Overview

The Custom Text Tool is part of Ollie Devtools and helps developers and integrators quickly identify which UI texts in the checkout can be customized. When enabled, the tool visually highlights all customizable texts and provides detailed metadata for each one, making it easy to configure custom messages in the Admin Dashboard → Messages section.

​
What this tool does

With the Custom Text Tool, you can:
  • Visually identify all customizable texts in the checkout UI
  • Inspect message metadata without using browser DevTools
  • Understand how each text is rendered and customized
  • Copy the required information to configure messages in the Admin Dashboard

​
How to enable Ollie Devtools

  1. Open a checkout page with the queryString parameter?devtools=on. You will see the Ollie Devtools panel in the top of screen.
/cart?devtools=on
/details?step=shipping&devtools=on
/new?random=true&devtools=on
/order/12345?devtools=on
Devtools
Once enabled, the Ollie Devtools panel will appear at the top of the checkout application.
Devtools Topbar
  1. In the Ollie Devtools panel, click on Custom Texts.
Devtools Custom Text
  1. The Custom Text tool will appear below the Ollie Devtools panel.
    Devtools Custom Text Details
  2. All customizable texts in the checkout UI will be highlighted with an orange border.
  3. Click on any highlighted text to inspect its metadata. The metadata of the selected text will be displayed in the tool panel.
    Devtools Custom Text Data

​