Embed Medium Anywhere

Add any Medium post, profile, or publication to a website

Hey, you don’t need to tell us how amazing writing is on Medium — we know. That’s why we’re here.

Starting now, you have the ability to bring the beauty of your Medium stories right into your home by embedding your stories, publications, and profiles into your existing website, all while retaining the fonts, formatting, and elements unique to ours. Let’s get together!

Here’s how

1. Choose the post, profile, or publication you would like to embed.
2. If it’s a publication or profile, click on the (<>) button in the top right. For posts, click the down arrow to the right of the “Share” button at the bottom and choose “Embed this post” from the drop-down menu.
3. Copy the resulting HTML snippet.
4. Paste the snippet into the HTML of the destination website.
5. That’s it!

Important: Some blog services strip script tags and this prevents Medium embeds from functioning. ☹

Note about embedding on wordpress.com: If you’re trying to embed on wordpress.com, just paste the Medium story, profile, or publication URL and hit return. No need to copy the embed code.

Options

Looking to get fancy? Here are some additional options you can play with:

• data-width — allows you to set an optional width. By default, Embeds are 400px wide, however they are also responsive and will scale down as the window of a website is scaled.

<a class="m-profile" data-width="100%" href="…">Title</a>

• data-border—allows you to toggle border visibility on an Embed. By default, Embeds will display with a border.

<a class="m-profile" data-border="false" href="…">Title</a>

• data-collapsed—if true, post lists on Profile Embeds and Publication Embeds will be omitted, giving you smaller Profile/Publication Embed cards. By default, collapsed is false.

<a class="m-profile" data-collapsed="true" href="…">Title</a>