Adding a Custom Page to your Wahoo device using HTML

Philippe Delteil
3 min readMay 10, 2023

Wahoo devices are popular cycling computers that offers a wide range of features and functionalities for cyclists. One of the unique (and unknown to many) features of the Wahoo devices is the ability to add custom pages in HTML format, . In this article, we’ll show you how to add a custom page to a Wahoo device using a custom HTML file.

You can add as many html files as you like. But take in consideration that may dramatically affect the time it takes to loop all the pages.

Step 1: Create a Custom HTML File

The first step is to create a custom HTML file that will contain the information you want to display on the custom page. You can use any text editor to create the HTML file.

Here is an example of a simple HTML file that displays contact information in case of a lost device:

<html>
<body>
<h1 style="color:red;">This device belogs to John Doe</h1>
<h1 style="color:green;">Please contact me!</h1>
<h1 style="color:blue;">Phone number: +14654654654</h1>
<h1 style="color:red;">Email: miemiliano@gmail.com</h1>
<h1 style="color:green;">Bounty $50! </h1>
</body>
</html>

Save this file as custom.html on your computer.

Step 2: Copy the html file to your Wahoo device

The next step is to copy a custom page on your device . To do this, follow these steps:

  1. Connect your Wahoo device to your computer.
  2. A folder with name Android will show up (Linux). Or a Wahoo device in explorer (Windows)
  3. Create a folder with name 'html'
  4. Copy the file custom.html to the html folder.

Check the new page, pressing the "page" button. It should look like this:

Congratulations, you have successfully added a custom page to the Wahoo Roam using a custom HTML file.

Examples of use

  • In case you lose the device (instructions and contact data to be recovered, even a bounty!) This is the example given above.

--

--