Free Ogham Translator Widget

Add an interactive Ogham translator to your website, blog, or heritage project in under a minute. Free to use, no sign-up required.

Live Preview

This is exactly what the widget looks like on your site:

Add to Your Site

Copy and paste the following HTML wherever you want the widget to appear — in a blog post, a sidebar, a page section, or a custom HTML block in your CMS. 

<iframe
  src="https://oghamlore.com/embed/translator"
  width="100%"
  height="320"
  frameborder="0"
  style="border-radius:8px; border:1px solid #ddd;"
  title="Ogham Translator">
</iframe>

Platform-Specific Instructions

WordPress

  1. Open the page or post editor
  2. Add a new Custom HTML block
  3. Paste the embed code above into the block
  4. Save and preview

Works in both Classic Editor (via the HTML view) and the Block Editor.

Squarespace

  1. Edit your page and add a Code Block
  2. Paste the embed code into the code block
  3. Set the display mode to HTML
  4. Save

Code blocks are available on Business plan and above.

Wix

  1. In the Wix editor, click Add → Embed → HTML iFrame
  2. Paste the embed URL into the iFrame settings
  3. Resize the element to at least 320px tall
  4. Publish

Ghost

  1. In the post editor, type /html to add an HTML card
  2. Paste the embed code
  3. Click outside the card to preview

Webflow

  1. Drag an Embed element onto your canvas
  2. Paste the embed code into the HTML Embed Code Editor
  3. Click Save & Close

Plain HTML

  1. Open your HTML file
  2. Paste the embed code where you want the widget
  3. Save and reload the page

Works in any static site, Jekyll, Hugo, Eleventy, or similar.

Customisation Options

Size

Set width and height on the iframe. A height of at least 300px is recommended to show all controls comfortably. Use width="100%" for responsive layouts.

Pre-fill with a word or name

Add ?q=yourtext to the embed URL to pre-load a word. Useful if you want the widget to open already showing a relevant name or phrase.

<iframe
  src="https://oghamlore.com/embed/translator?q=ireland"
  width="100%"
  height="320"
  frameborder="0"
  style="border-radius:8px; border:1px solid #ddd;"
  title="Ogham Translator">
</iframe>

Dark mode by default

The widget automatically respects the visitor's operating system dark mode preference on first load. Visitors can also toggle it manually using the switch in the top-right corner of the widget, and their preference is saved locally in their browser.

What the Widget Does

  • Live transliteration — converts Latin text to Ogham script character-by-character as you type
  • Horizontal and vertical display — toggle between modern left-to-right and traditional bottom-to-top orientation
  • Stem line markers — show or hide the traditional ᚛ and ᚜ feather marks that bracket Ogham inscriptions
  • Light / dark theme — user-controlled toggle, defaults to OS preference
  • Copy to clipboard — one click to copy the Ogham output
  • No tracking, no cookies — the widget is fully self-contained

Frequently Asked Questions

Is the Ogham translator widget free to use?

Yes. The embed widget is completely free. No account, API key, or attribution beyond the built-in link is required.

Will the widget slow down my website?

No. The widget loads inside an iframe and is completely isolated from your page. It has no external dependencies and loads in under 10kb.

Can I change the size of the widget?

Yes. Set width and height on the iframe element. A minimum height of 300px is recommended. Width of 100% works well in sidebars and content columns.

Does the widget track my visitors?

No. The widget sets no cookies and sends no analytics data. Theme preference is stored in the visitor's own localStorage and never transmitted.

Can I pre-load the widget with a specific word?

Yes. Add ?q=yourword to the embed URL. For example, src="https://oghamlore.com/embed/translator?q=ireland" will pre-fill the input with "ireland".

Can I use the widget on a commercial site?

Yes. The widget is free for any use, personal or commercial, as long as the "oghamlore.com" attribution link inside the widget remains intact and is not hidden.

More from Ogham Lore