How to Embed Medium Blog on Your Website for FREE?

People often spend about 2.5 minutes reading Medium articles, which can significantly benefit your website’s engagement rate. 

The best way to showcase your content is to simply embed your Medium blog on your website. Also, you can implement SEO best practices in the Medium articles to help your website rank in organic searches.

By following our tutorial, you can easily add your content, increase reader engagement, and keep the freshness of your website.

TL;DR – How to Embed Medium Blog on Your Website

There are two ways to embed Medium Blog on your website.

• Using a website widget
• Using the embed or link option

I will show you the steps for each of those methods so you can decide which one is the best for you.

Writing code to embed a Medium blog on a website is often challenging for most website owners. Fortunately, you can use our SociableKIT widget to skip the coding phase and go straight to embedding the feed on your website. Our widget also lets you choose your preferred feed appearance and layout.

Create a SociableKIT widget and add your Medium blog posts to your website to attract more readers!

Method 1: Use a Website Widget

To quickly embed Medium Blog to your website, follow the steps below.

1. Create your Medium Blog widget here.
2. Customize your Medium Blog widget.
3. Copy the Medium Blog widget embed code.
4. Login to your website admin panel and create or edit a page.
5. Paste the embed code where you want the Medium Blog widget to appear.
6. Save and view your page. Done!

That’s easy! Embedding Medium Blog widget on your website will take only 2 minutes. If you need a more detailed guide, scroll down to follow our complete guide or watch our video guide.

Looking to purchase our premium features like auto-sync, customization, premium support and more? Please check the details on our pricing page here.

Method 2: Use Medium’s Link Option

You can quickly put a Medium blog on your website without needing extra tools. Here’s how:

1. Go to your Medium account.

2. Choose a blog you want to share.

3. Find the share button and click it.

4. Select the Copy link option.

5. Login to your website admin panel.
6. Create or update a page where you want to put your Medium post.
7. Put an image or text on your page that encourages the visitor to view your Medium post.
8. Highlight the image or text.
9. Use the link option of your website builder and paste the link you copied earlier.
10. Save your page. Done!
11. To create the Medium blog feed on your website, you need to repeat steps 1 onwards to add more Medium posts.

You may choose method 1 or method 2, it depends on your needs. But in case you choose method 1, you can follow our complete guide below.

What Is Medium?

Medium gave writers, business owners, and companies a space to share and display their updates, insights, stories, and articles with the help of Medium Blogs feature. To see your medium blogs, login to your account and click your profile and scroll down to see your blogs.

Medium Blogs will be able to help business owners post content or blogs that will improve their engagement, customer trust, and reach with the massive amount of active users of Medium social media platform.

Our widget makes it easy to embed Medium Blogs on your website, ensuring your readers have instant access to your latest posts without leaving your site. It’s a seamless way to integrate your blog into your digital presence and keep your audience engaged.

What Does It Mean to Embed Medium Article on Website?

Embedding a Medium article simply means adding the blog to your website. However, embedding doesn’t happen through your content management system, as it would when publishing articles on a web page directly.

Instead, the blog posts should already be published on Medium, so when you embed the associated profile, the articles reflect on your website.

Benefits of Displaying Medium Blog on Your Website

You might wonder, “But why should I embed a Medium Blog on my website?”

Well, displaying Medium articles on your website offers numerous incentives for your brand. For instance, Medium can help you drive organic traffic to your online store.

Below are convincing reasons to embed Medium blogs on your website:

For Your Business

• Boosts Content Marketing. Embedding a Medium blog continues fresh, applicable content material flowing, enhancing search engine optimization and visibility. 
• Strengthens Brand Authority. Sharing insightful articles from your Medium blog builds trust and positions your business as a thought leader. Visitors see your expertise on the website without extra clicks.
• Drives traffic. Visitors are pushed to explore more of the embedded blog posts, which raises engagement and potential leads. This helps turn readers into loyal consumers or followers.

For Your Customers

• Centralizes Information. Instead of going to Medium, customers can read blog posts straight from your website. This ease of use helps users stay focused on your message and brand.
• Improves Experience. Embedded blogs create a smoother browsing experience in through supplying insights within the website. It reduces the problem of switching among websites, keeping them engaged longer.
• Provides Useful Resources. A Medium blog filled with tips, guides, or stories meets customers’ need for valuable information. By embedding it, you make your website a go-to resource.

For Your Website

• Enhances SEO. Embedded blogs with fresh content give search engines more to index, potentially boosting your rankings. This means more visibility and organic reach over time.
• Adds Dynamic Content. Regular blog updates make your site feel active and relevant, attracting repeat visits. An active site feels more trustworthy and engaging to users.
• Increases On-Page Time. Blog content holds visitors’ attention, reducing bounce rates and signaling value to search engines. A high engagement rate benefits both SEO and customer perception.

Steps on How to Embed Medium Blog on Website

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

Create and Customize Your Medium Blog Widget

The first part is creating your Medium Blog 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.

Video Guide: Embed Medium Blog on Your Website for Free

Watch our YouTube video below to learn how to embed Medium Blog on your website for free.

Choosing Between Medium Blog Widget vs. Embed Code Options

Wondering whether to integrate a Medium Blog on your website using the SociableKIT widget or link option? 

The table below provides a side-by-side comparison of the methods to help you pick your preferred embed option.

It’s apparent that embedding a Medium blog using a website widget offers superior benefits to using the link option. Specifically, not having to embed future posts manually saves you time that you can spend on more critical tasks.

Use our SociableKIT widget to set up a Medium embed within two minutes. You’ll also appreciate the flexible customization features that let you style every aspect of the embedded feed.

Sign up for SociableKIT and use our widget to customize an engaging Medium feed for your website visitors!

Potential Issues When Integrating Medium Blogs

Integrating Medium blogs offers a convenient way to display them on your website. Still, you might encounter a few issues that, if unaddressed, could impact the embed’s performance or user experience.

Below are common challenges you might face when embedding Medium blogs into a website and ways to resolve them:

Limited Customization Options

While Medium provides an embed code for displaying blogs on your website, it restricts how much you can alter the default styling and layout.

You could modify your website’s CSS to style the embed. But why go through the hassle when you could use our SociableKIT widget for no-code customizations? Our widget lets you tailor your feed’s appearance, including the font color and style, without coding.

Recurrent Performance Issues

Embedding Medium blogs separately can slow down your website’s loading speed because it must execute multiple scripts simultaneously.

So, how do you enhance loading speed?

This is how: Combine the blogs into a single feed so you only add one embed to your website, reducing the number of executed scripts.

Our SociableKIT widget also helps boost website performance through ‘lazy loading,’ where the embed executes only when visitors navigate to the blog section.

User Experience Challenges

You might encounter compatibility issues when integrating Medium blogs using the link option. This can result in a blank feed or the article text appearing distorted, undermining user experience.

Use our SociableKIT widget to create a script that is compatible with all major web builders. You only need to get the Medium publication ID, and our embed code generator will produce an optimized script that you can paste on your website.

Limited Content Management Control

Embedding a Medium blog feed on your website doesn’t necessarily mean you want all the posts to appear on your website. Some of the articles under a profile might be unrelated to your brand.

Modifying your embed script to filter content can be complex unless you are a ‘coding wizard.’ However, you can integrate the Medium blogs using the SociableKIT widget to access the automatic and manual moderation feature that lets you curate your feed using only keywords (no coding involved).

Live Demo

Below, you can see a live demo of our Medium Blog widget. You can click on different layouts such as Masonry layout, Grid, and Carousel if available.

Medium Blog on Website Examples

Thousands of small business owners, creators, and bloggers use our SociableKIT widget to display Medium articles on their websites. 

Below, we have highlighted five reputable brands that use SociableKIT to share their Medium news stories, educational materials, and updates with website visitors:

Lerer Hippeau Medium Blog

Lerer Hippeau is a brand that turns big ideas into industry-transforming businesses. They use the SociableKIT Medium Blog widget to promote their partnership through all of the big moments about fundraising, recruiting, marketing, org design, and business strategy on their website.

Vertikal Medium Blog

Vertikal is a purpose-built, community-driven metaverse with 115 floors celebrating digital art culture. They use the SociableKIT Medium Blog widget to promote their public spaces, which cover over 60% of the building, and provide different and engaging spaces for public curations, exhibitions, events, concerts, and community parties on their website.

Bloom Trading Medium Blog

Bloom Trading is your nonsense-free online trading community and source for accessible, high-quality trading education. They use the SociableKIT Medium Blog widget to promote their high-quality and accessible educational content on their website.

KYCT Solution Medium Blog

KYCT solution is an identity solution for Web3. It can be used to identify and prove the ownership of crypto wallet holders and the origin of assets minted using specific wallets. They use the SociableKIT Medium Blog widget to promote their API solution, which is EVM-based, multi-chain, and compatible with all industry-leading digital IDs, on their website.

Ill Intent Medium Blog

Ill Intent is a brand that is the go-to marketing firm for music artists and entrepreneurs. They use the SociableKIT Medium Blog widget to promote their innovative marketing strategies, such as marketing and branding, event curating, and PR, on their website.

Tips for Optimizing Your Medium Blog Embed

Optimizing the Medium embed is vital for influencing how website visitors interact with the feed. 

Below, you’ll learn some of the best ways to refine your Medium blog feed for effective visitor engagement:

• Personalize the Feed to Match Your Brand Theme: Apply custom CSS (for the link method) or style our SociableKIT widget to ensure the feed blends with your website.
• Implement SEO Best Practices: Ensure the blog pages have accurate metadata to enhance scannability and indexing. Also, add relevant keywords to the Medium blogs to help them rank on organic searches.
• Use a Mobile-First Approach: Place the Medium embed code in a responsive div container or use our SociableKIT widget to ensure the feed auto-adjusts to different screen sizes.
• Maintain the Embed Regularly: Test the feed regularly to confirm it functions as expected. Also, identify and address issues that could undermine your website visitors’ UX.
• Use ‘Lazy Loading’ to Boost Website Performance: Configure the embed to ‘delayed loading’ to reduce the impact on your website’s speed. If you do not know how to do it, use our SociableKIT widget, which comes pre-set to ‘lazy loading.’
• Add User Interaction Tools: Simple features like adding social media buttons to your website can encourage readers to share the Medium blogs with their followers.

Testimonials

Thousands of creators and business owners have already embedded Medium Blog on their website using SociableKIT. They love our service! Here’s what they tell us.

Medium Blog Statistics

We have listed a few online statistics that will convince you that embedding your Medium Blog on your website is a wise choice.

Medium’s Massive User Base

Medium has over 100 million monthly active readers. Embedding a Medium blog on your site can tap into this vast audience, potentially increasing your website traffic and engagement.

Source

High Engagement Rates on Medium

The average reading duration of an article on Medium is 7 minutes, which is longer than on many other content sites. You can increase the overall engagement metrics of your website by keeping people on your site longer by incorporating Medium blogs.

Source

Medium’s Authority and Trust

Medium is known for its high-quality content and has become a trusted source of information. Embedding Medium blogs can boost your site’s credibility and attract visitors who value authoritative content.

Source

SEO Benefits of Medium Content

Medium articles are highly optimized for search engines, often ranking well in search results. By embedding these articles on your website, you can leverage Medium’s SEO benefits to improve your site’s visibility and attract more organic traffic.

Source

Medium’s Diverse Content Categories

Medium covers a wide range of subjects, including lifestyle and technology. By integrating Medium blogs, you can provide your audience with a variety of information that will appeal to their different interests and keep your website fresh and interesting.

Source

Embedding Medium blogs on your website is a strategic move to boost engagement, credibility, and SEO performance. Use our Medium Blog widget to seamlessly integrate valuable content and enhance your website’s appeal.

Embed Medium Blog on Your Website in 2 Minutes

Quickly upgrade your website by embedding Medium Blog on website in 2 minutes.

Sign up to SociableKIT now!

Embed Medium Blog Widget on Your Website Builder

Are you using a specific website builder or content management system (CMS)? SociableKIT can work with any website builder. The following sections will show you how to use the Medium Blog widget code on commonly used website builders.

How to Embed Medium Blog on Your Squarespace Website

To embed Medium Blog on your Squarespace website, follow the steps below.

1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Medium Blog widget. Create a Medium Blog widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Medium Blog widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. 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.

5. 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.

6. Add a Code Block. On your Squarespace page, click the ‘Edit’ button. Find the ‘Code’ block and click it.

7. Paste the embed code from SociableKIT. On the ‘Content’ of the ‘Code’ block, paste the JavaScript embed code you have copied from your widget.

8. 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.

9. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!

How to Embed Medium Blog on Your WordPress Website

To embed Medium Blog on your WordPress website, follow the steps below.

1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Medium Blog widget. Create a Medium Blog widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Medium Blog widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Login to your WordPress site. 

5. On your WordPress, go to the “Pages” section then click the “Add new page”.

6. Pick a pre-defined layout or start with a blank page by clicking the “Blank page” button.

7. On the body of your page, click the “+” icon and click the “Custom HTML”.

8. Paste the code in the text area. 

9. To preview, click the preview tab.

10. Click the Publish or Update button on your WordPress page.

11. Click the view page. Done!

How to Embed Medium Blog on Your Weebly Website

To embed Medium Blog on your Weebly website, follow the steps below.

1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Medium Blog widget. Create a Medium Blog widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Medium Blog widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Log in to Weebly. 

5. On your existing website on Weebly, click the “Pages” section on the upper left then click the “+”.

6. Select what type of page you want to add.

7. Add a name to your page and then click “Done”.

8. On the top menu, click “Build” then on the sidebar, drag the “Embed Code” option on your page. 

9. Click the “Click to set custom HTML” then click “Edit Custom HTML”.

10. Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button. 

11. Click the link to your site. Done!

How to Embed Medium Blog on Your Wix Website

To embed Medium Blog on your Wix website, follow the steps below.

1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Medium Blog widget. Create a Medium Blog widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Medium Blog widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Login to Wix. 

5. On your existing website click the “+” button beside the “Main pages” section.

6. Then click the “Add page” button.

7. Name your page then hit enter.

8. On the left, click “Add element”. Find and click “Embed code”. Click and drag “Embed a site” on your page then resize the container. 

9. Click “Change website address”. 

10. Paste the link you copied from SociableKIT then click “Apply”.

11. Click “Publish” on the upper right.

12. Click “View site”. Done!

How to Embed Medium Blog on Your Webflow Website

To embed Medium Blog on your Webflow website, follow the steps below.

1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Medium Blog widget. Create a Medium Blog widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Medium Blog widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Login to Webflow. 

5. On your existing website, click the “Page: ….” in the upper left corner then click the “Create new page” icon.

6. Once done add a name for your new page then click “Save”.

7. On the left, click “Add Element”. Drag “Embed” to your page. 

8. Paste the JavaScript code you copied from SociableKIT.

9. On the upper right, click “Publish” > “Publish to Selected Domains”.

10. View your page. Done!

How to Embed Medium Blog on Your Shopify Website

To embed Medium Blog on your Shopify website, follow the steps below.

1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Medium Blog widget. Create a Medium Blog widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Medium Blog widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Login to Shopify. 

5. On the left side, click Online Store.

6. Click Pages. Add a new page or edit your existing page.

7. On the Page details, click Show HTML icon (<>)

8. Paste the embed code and click the Save button.

9. Click the View page button. Done!

How to Embed Medium Blog on Your HTML Website

To embed Medium Blog on your HTML website, follow the steps below.

1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Medium Blog widget. Create a Medium Blog widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Medium Blog widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Open your HTML file.
5. You can create a new HTML page or edit your existing HTML page.

6. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.

7. Save your HTML page.

8. You may now upload your HTML page to your web hosting.

How to Embed Medium Blog on Your Google Sites Website

To embed Medium Blog on your Google Sites website, follow the steps below.

1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Medium Blog widget. Create a Medium Blog widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Medium Blog widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Login to Google sites. You must have at least a ‘Business Starter’ plan to create and customize your Google sites.

5. 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.

6. 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. 

7. Add the widget. A popup ‘Embed from the web’ will open up. Select the ‘Embed code’ tab on the popup. 

8. 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.

9. Save the widget. Once you have pasted your embed code, click the ‘Next’ button. 

10. 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. 

11. 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. 

12. Publish your page. After publishing the site, click the down ‘Arrow’ button beside the ‘Publish’ button. 

13. View your page. A dropdown of buttons will be displayed, click the ‘View published site’ button. Done!

How to Embed Medium Blog on Your Sharepoint Website

To embed Medium Blog on your Sharepoint website, follow the steps below.

1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Medium Blog widget. Create a Medium Blog widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Medium Blog widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Go to your Sharepoint site and log in with your credentials.

5. Locate the page that you want to edit or create a new blank page. If you are creating a new page, click the “New” button and select “Page” from the options.

6. On the upper right corner of the page, click the “Edit” button. This will enable you to make changes to the page.

7. Hover over the area where you want to add the SociableKIT widget, then click the “+” icon that appears. From the list of options, find the “Embed” or “<>” icon and click on it.

8. Paste the embed code provided by SociableKIT into the box.

9. Click the “Publish” or “Republish” button to save your changes and make them live on the site. If necessary, upload the page to your website. You’re done!

Note: If you receive an error that states Embedding content from this website isn’t allowed, you will have to add the following to the list of sites that are allowed on your website and the HTML Field Security list of the site collection where the site is located:

• widgets.sociablekit.com
• data.accentapi.com
• sociablekit.com
• images.sociablekit.com

Did not see your website builder? You can find your website builder here: How to embed Medium Blog on any website?.

You may also ask our support team if SociableKIT can integrate with your website builder.

If you want to find out more about embedding social media feed to your website, visit our homepage: Add social media feed to your website for FREE!

Frequently Asked Questions (FAQs)

This section answers commonly asked questions about integrating Medium blogs into a website.

How Do I Embed a Blog into My Website?

With the help of our widget, you can embed your Medium blogs into your website. With the provided straightforward instructions which can integrate your feed seamlessly.

How Do I Link A Medium to a Website?

To link Medium to your website, you can use a direct link or an embedding tool. Our widget offers a more engaging way to display your Medium content directly on your site.

How to Fetch Your Medium Articles in Your Website?

Medium platform has API that enables you to embed your articles to your website., with our widget, you can do it easily and smoothly without spending anything.

How Do I Integrate a Medium Blog into My WordPress Site?

Embedding Medium blog into WordPress usually requires you to first get a plugin or custom code. With the help of our widget, you can embed it smoothly and blend the feed with our dynamic customization.

Can I Customize the Appearance of an Embedded Medium Post on My Site?

Yes. You can personalize the appearance of an embedded Medium post on your website. However, the degree of difficulty depends on the integration method.

The link method requires you to code the CSS styles you want to apply to the Medium feed. An easier option is to use our SociableKIT widget, which lets you style the feed without coding.

Is Embedding a Medium Blog Post Good for SEO?

Yes. Embedding a Medium blog post is good for SEO because any relevant keywords used in the embedded blogs now also appear on your website. 

So, when users search the keywords, your website will be among those ranked on the search engine results page.

Conclusion

Adding a Medium blog to your site is a simple way to share ideas, build trust, and keep things fresh. This guide showed you how to embed it easily, making your content more accessible and your site more valuable. It’s a smart move to connect with your audience and share your expertise.

Use our SociableKIT widget to curate an engaging Medium blog feed for your website visitors. We recommend styling the feed to help your website stand out from competitors.

Create a SociableKIT widget today!

Keep posting great content to make an even bigger impact. If you need more tools or tips, we’ve got you covered. Thanks for reading, and here’s to growing your website!