Skip to main content

Embedding Repls

Embedding a repl using <iframe>

You can embed a repl using <iframe> with this code snippet:

<iframe frameborder="0" width="100%" height="500px" src="REPL_URL?embed=true"></iframe>

Replace REPL_URL with the URL of the repl you want to embed.

Spotlight view

Embedding using oembed standard

Repls support the oEmbed standard, so you can embed a repl on any platform that supports this standard by pasting your repl URL formatted as https://replit.com/@username/repl-name, and a preview will be rendered.

Oembed demo

Embedding on WordPress

WordPress does support oEmbed, but will only embed content from an approved whitelist of websites. Check out the WordPress documentation for instructions on adding Replit to the whitelist. Once Replit is added, a repl URL formatted as https://replit.com/@username/repl-name will automatically embed an interactive copy of the repl in your WordPress site.

Embedding on Medium

To embed your repl on Medium, paste the repl link https://replit.com/@username/repl-name into your Medium post and hit "Enter".

Embedding on medium

Embedding on Ghost

To embed your repl on Ghost, paste the repl link https://replit.com/@username/repl-name into your Ghost post. The link will automatically be converted to an interactive IDE, where you can edit and run code.

Ghost demo