Morse Code Translator Widget
Put a working Morse code translator on your own site: choose a theme and size below, copy the embed code and paste it into your page. It is free, two-way and plays the code as sound.
How to embed the Morse code translator
- 01
Set it up
Pick a Theme (Auto follows the visitor's light or dark setting), a Size, the Starting text and the Speed. The Preview shows the real widget as it will look.
- 02
Copy the code
Press Copy embed code. You get an iframe and a short credit line with a link, ready to paste.
- 03
Paste it into your page
Paste the code where your site takes HTML: a custom HTML block, an embed block or the HTML view of your editor.
- 04
Publish and try it
Open your page, type in the Text box and press Play. The widget works the same on phones and computers.
What the widget does
The widget is a small version of the Morse code translator: a Text box and a Morse code box that update each other as you type, a Play button that sounds the code at 600 Hz with a lamp that flashes in time, and Copy code. It covers the same letters, numbers, punctuation and accented letters as this site.
It is one light page of about 8 KB, with no framework, fonts or images to load, so it doesn't slow your page down. With `loading="lazy"` in the code, the browser only loads it when a visitor scrolls near it.
Embed options
The builder writes these settings into the link of the iframe. You can also change them there by hand:
- `theme`: `light`, `dark`, or leave it out for Auto, which follows the visitor's device.
- `wpm`: the speed of the sound, from 5 to 40 words per minute. Leave it out for 20.
- `text`: the message in the box when the page opens, up to 200 characters. Leave it out for SOS.
- `compact=1`: smaller boxes for a short space. Use a height of 220 pixels; the standard layout needs 300.
Where to paste the code
Any site that accepts HTML can show the widget. The names of the blocks differ between site builders; look for one called custom HTML, embed or code:
- WordPress: add a Custom HTML block and paste the whole code.
- Google Sites: choose Embed, then the Embed code tab, and paste it.
- Wix, Squarespace and similar builders: use their HTML embed or code block.
- Notion and tools that embed by link: paste only the address inside `src="..."` into an embed block.
- Your own HTML: paste it anywhere in the page body.
Privacy: no cookies, no tracking
The widget sets no cookies, loads no analytics and sends nothing anywhere. What your visitors type stays in their browser, the same as on this site. That makes it easy to use on school and club pages that can't add third-party tracking.
Search engines don't index the widget itself, so it never competes with your own page in search results.
Ideas for using it
A few ways people put a Morse code translator on their own pages:
- Classes and STEM projects: put it next to a lesson so students can check their own coded messages.
- Amateur radio clubs and scout groups: add it to a page about learning Morse code.
- Escape rooms, puzzle hunts and games: set the Starting text to a clue and let players decode it.
- Jewelry and gift shops: let customers see a name or a date in Morse code next to the product.
- Blogs and newsletters with a web version: show the message you wrote about, ready to play.
Free to use, with a credit line
The widget is free on any site, including commercial ones, with no sign-up and no limit. The code includes a short line under the widget, "Morse Code Translator by MorseGenerator", with a link to this site. Please keep it; it is how other people find the tool.
For a full page with more settings, file downloads and audio decoding, link to the Morse code translator or the Morse code generator instead.
Morse code translator widget: frequently asked questions
How do I embed a Morse code translator on my website?
Set the theme, size and starting text above, press Copy embed code and paste the code into a custom HTML or embed block on your page. The code is an iframe plus a short credit line, so it works on almost any site.
Is the Morse code widget free?
Yes. It is free on any site, including commercial sites and online stores, with no account and no usage limit. Please keep the credit line with the link that comes with the code.
Does the widget play sound?
Yes. Visitors press Play to hear the code as a 600 Hz tone at the speed you chose, from 5 to 40 WPM, and a lamp flashes with each tone. They can press Stop at any time.
Can I change the size of the Morse code widget?
Yes. Choose Standard for a height of 300 pixels or Compact for 220. The width follows your page, up to 640 pixels. You can edit the width and height in the code if your layout needs something else.
Does the embedded translator use cookies or tracking?
No. The widget sets no cookies, loads no analytics and sends nothing to a server. Text your visitors type stays in their browser, so you don't need to mention it in your cookie notice.
Can visitors decode Morse code in the widget too?
Yes. The widget works both ways: typing in the Text box writes the code, and typing dots and dashes in the Morse code box writes the text. Codes that aren't in the alphabet show as #.
Will the widget work in Notion or Google Sites?
Google Sites takes the full code in its Embed code tab. Notion and other tools that embed by link need only the address inside src="...". Paste it into an embed block and resize it if needed.