• /
    • Quickstart

Quickstart

High speed, low-detail guide

Last modified 2026-05-01

Table of content
  1. No Website? No Problem
  2. Got a Website?
  3. First, register your domain
  4. Options
  5. 1. Add them in your site's code
  6. 2. Use Wordpress
  7. How to add to your page's code
  8. Basic method
  9. Watch all that happen in a screencast
  10. Classic web component method
  11. New: Fancier new web component methods
  12. Show off your flair
  13. NEW: You can actually just use the button
  14. Need more details?

No Website? No Problem

Bear Blog and Peep.zone currently implement OP. Peep is free, and thorpes on the main server.

Bear Blog has its own server that doesn't require registration, but you will need a paid account. Follow these instructions to get set up on Bear.

Got a Website?

Great. We love websites. Follow these steps:

First, register your domain

Right now only registered domains can post to the main site. Register here and you'll receive an email when your registration is complete.

Options

1. Add them in your site's code

If you're comfortable editing HTML and have your own site you can start octothorping by adding just a small amount of HTML to your page. There's also a web component you can use. Instructions below.

2. Use Wordpress

We have a Wordpress plugin that should work out of the box to turn tags into Octothorpes.

Install this plugin and add https://octothorp.es/ as the server like so.

How to add to your page's code

Note: to do this you will need to have a website that lets you edit the <head> element

Basic method

Step 1: Add this to the <head>:

<link rel="preload" as="fetch" href="https://octothorp.es/?uri=https://YOURDOMAIN.COM/PATH/TO/CURRENT/PAGE">

This tells the Octothorpe Ring to index your page when you load it and checks the provided URI against the actual URL making the request.

Replace YOURDOMAIN.COM/PATH/TO/CURRENT/PAGE with your actual domain and page path however you want.

Then, for each hashtag (octothorpe) you want to apply to the page add this to the <head> element

<link
  rel="octo:octothorpes"
  href="YOUR-TAG" >

where YOUR-TAG is the octothorpe you want to tag the page with.

Watch all that happen in a screencast

If you prefer to watch a video about it, here you go:

Classic web component method

Do Step 1 from the standard method and then add this to your page:

<script
async=""
defer=""
type="module"
data-register="https://octothorp.es/"
src="https://octothorp.es/tag.js"></script>

Once you've done this, you can use the <octo-thorpe> web-component anywhere to octothorpe your page.

<octo-thorpe>demo<octo-thorpe> will turn into demo

New: Fancier new web component methods

We have a lot more web components, and an update to the classic one. Check them out here

Show off your flair

Once you're on the ring, you might enjoy our classic webring button:

Badge for the Octothorpes main ring

Just paste the following code on your site wherever you want:

<a href="https://octothorp.es"><img src="https://octothorp.es/badge.png" alt="Badge for the Octothorpes main ring" /></a>

NEW: You can actually just use the button

We made a way that you can just put the button on your page and it does the rest for you. Read how here

Need more details?

Check out Getting Started