Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Medium Post on your Webflow website for FREE?

Display a single Medium post on your website to share valuable insights and spark meaningful conversations with your audience.

Create your widget
Free forever plan No credit card Cancel any time
How to embed Medium Post on your Webflow website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
July 27, 2026 5 min read Ask ChatGPT
Quick answer

Your Medium Post on Webflow website — live in 3 steps

SociableKIT syncs your medium post automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Medium Post in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Webflow website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Video tutorial

Watch: embed Medium Post on Webflow website — step by step

Prefer to watch? Follow along with this short YouTube walkthrough, then use the full written guide below whenever you need it.

Medium Post video tutorial thumbnail
Full walkthrough

Embed Medium Post with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Webflow website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed Medium Post on your Webflow website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Medium Post widget

The first part is creating your Medium Post widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed Medium Post on your Webflow website for FREE?
  2. Select "Medium Post" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "Medium Post" on the dropdown - How to embed Medium Post on your Webflow website for FREE?

    3. Enter the link to your Medium post.

  3. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed Medium Post on your Webflow website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Medium Post on your Webflow website for FREE?
  5. Paste the embed code and save your Webflow website page. Please follow the second part below to add Medium Post widget to your Webflow website .

Add Medium Post widget to your Webflow website

The second part is adding your Medium Post widget to your Webflow website . After you customize your Medium Post widget and copied the embed code, it is time to add it to your Webflow website . Follow the steps below.

  1. Copy your free Medium Post widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Login to Webflow. 
  3. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  4. Once done add a name for your new page then click "Save".
  5. On the left, click "Add Element". Drag "Embed" to your page. 
  6. Paste the JavaScript code you copied from SociableKIT.
  7. On the upper right, click "Publish" > "Publish to Selected Domains". 
  8. View your page. Done!
Alternative method

Use the embed or link option

Prefer a manual approach? Follow these steps to link or embed Medium Post without a third-party widget.

You can easily share a Medium post on your website in a few steps, no extra tools are needed. Here’s the simplified process:

  1. Open your Medium account.
  2. Pick the blog post you’d like to share.
  3. Click the share icon at the right corner of the post.
  4. From the menu that appears, select "Copy link."
  5. Head over to your website’s admin panel.
  6. Create a new page or edit an existing one.
  7. Add text or an image to the page.
  8. Paste the copied Medium link, like this: https://medium.com/@sociablekit/why-should-i-embed-social-media-feeds-on-my-website-22f92153a680
  9. Save the changes and check out your updated page.

Manually sharing a Medium post on your website could be time-consuming and a bit complicated. Changing the appearance of the post wasn’t easy either.

SociableKIT has got you covered! It refreshes your feed automatically, eliminating the need for manual updates. Plus, you can tailor the look of your feed to align with your brand’s style.

With SociableKIT, repetitive tasks are a thing of the past. Enjoy the combo of speed and customization freedom for your feed.

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed Medium Post on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Medium Post widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Medium Post on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Medium Post widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Medium Post on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Medium Post widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Medium Post on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Medium Post widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Medium Post on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Medium Post widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Medium Post on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Medium Post widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Medium Post on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Medium Post widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

To embed Medium Post on your Weebly site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Medium Post widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Log in to Weebly. 
  4. On your existing website on Weebly, click the "Pages" section on the upper left then click the "+".
  5. Select what type of page you want to add.
  6. Add a name to your page and then click "Done".
  7. On the top menu, click "Build" then on the sidebar, drag the "Embed Code" option on your page. 
  8. Click the "Click to set custom HTML" then click "Edit Custom HTML". 
  9. Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button. 
  10. Click the link to your site. Done!
Full Weebly tutorial →

Live preview

Pick a Medium Post template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your Webflow website.

Widget previewMasonry
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding Medium Post on your Webflow website.

What is a Medium Post widget?

A Medium Post widget displays one selected Medium story directly on your website. It gives an important article, guide, announcement, or thought-leadership piece a focused place where your visitors can discover it.

How do I embed a Medium post on my website without coding?

Create the widget in SociableKIT, paste the Medium post link, customize the design, and copy the generated embed code. Add the code to an HTML, custom code, iframe, or embed block on your website.

Where can I find the Medium post link?

Open the published Medium story in a browser and copy its complete address from the address bar. Paste that full link into the Medium Post source field in SociableKIT.

Does the Medium story need to be published and public?

A published story that anyone can access gives the widget the most reliable source. Drafts, deleted stories, and content unavailable to ordinary visitors cannot provide a dependable public website experience.

Do I need to own the Medium post or create an API key?

No custom API development or developer key is required for the standard SociableKIT setup. You can connect an accessible Medium post, although you should feature only content that you own or have permission to display.

Can I display a member-only Medium story?

A member-only story may provide only the content that Medium makes available to non-members, such as an opening preview. The widget does not bypass Medium's paywall, and visitors may need a Medium membership to read the complete story.

Can an unlisted Medium post work in the widget?

An unlisted story remains published and can be opened by anyone who has its direct link, even though it is hidden from Medium feeds, search, and the author's profile. It may work when the correct direct post link remains publicly accessible.

Will changes to the Medium post update automatically?

Yes, paid SociableKIT plans include automatic syncing for eligible source changes, so you can keep the same embed code after editing the story. The free plan lets you request a manual sync when you want to refresh the widget.

Will the widget automatically replace the post with my newest Medium story?

No, the Medium Post widget remains connected to the one story link you selected. Use SociableKIT's Medium Blog widget when you want a changing feed that can show several stories from an author or publication.

What information can the Medium Post widget display?

The widget can present available details such as the story title, subtitle, author, publication, featured image, publish date, reading content or preview, and a read-more action. The exact fields depend on what Medium makes accessible and which SociableKIT settings and template are enabled.

Will images and featured images appear in the widget?

Images may appear when they are part of the published story and available through the Medium source. The selected featured image can also be used in the story's preview, while the final widget display depends on its template.

Can the widget display videos, social posts, and other Medium embeds?

Medium stories can contain supported third-party embeds and link-preview cards. Their appearance and interactivity inside the website widget depend on Medium's source output, the original provider, browser rules, and the selected SociableKIT layout.

Will Medium code blocks and formatted text display correctly?

The widget can display available story formatting such as headings, lists, links, quotes, and code sections when the source provides them. Complex formatting or newly introduced Medium features may appear differently from the original story page.

Can visitors clap, highlight, respond, or follow the author from the widget?

The widget mainly presents the story and can guide visitors to the original Medium page. Clapping, highlighting, responding, following, listening, or using other Medium features may open Medium and require an account or membership.

What happens if the Medium post is edited, moved, or added to a publication?

Published stories can be edited, and a story accepted into a publication may receive a publication-based address while its earlier link continues pointing to it. SociableKIT can reflect eligible source changes after the next sync.

What happens if the Medium story is deleted?

Deleting a Medium story is permanent and removes the public source used by the widget. The website section can stop displaying correctly, so replace the source link with another published story when needed.

Will embedding a Medium post cause duplicate-content SEO problems?

A widget cannot guarantee higher search rankings or prevent every duplicate-content concern. When the same full article is published on Medium and another website, the author can set a canonical link so search engines understand which version is the primary source.

Can I display several Medium posts?

This widget is designed to highlight one selected story. You can create separate sources for additional individual posts or use the Medium Blog widget when you want several stories presented as one updating feed.

Can I reuse the same Medium post on multiple pages or websites?

Yes, paid SociableKIT plans let one connected post source power multiple widget designs across unlimited websites. You can use a compact preview on a homepage and a more detailed layout on a resource or author page.

Is the Medium Post widget mobile friendly, customizable, and available free?

Yes, the widget adjusts to desktop, tablet, and mobile screens and supports customizable colors, fonts, spacing, layouts, and calls to action. The free plan includes one source, one widget, one domain, and up to 2,000 monthly views, while paid plans add automatic syncing, unlimited widgets and views, branding removal, and 24/7 human support.

Add your Medium Post widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Medium Post widget page →