How to Embed Your Bluesky Feed In Your WordPress Site Without Plugins or Paying

I’ve always liked embedding my main social media feed to my WordPress site, so I had Twitter easily embedded to the sidebar on it. However, with the downfall of Twitter, I’ve moved to Bluesky and unfortunately, I found no documentation on how to do this except for a couple plugins, of which one of them required a paid subscription since Bluesky is so new. My personal preference has always been to have as little plugins as possible on my WordPress blog to avoid any potential conflicts with other plugins or themes, so I set out for a way to do this and found none.

I don’t remember how I found a way because it was some time last year, but I did through fiddling with the Bluesky code, so I hope you find this useful.

1. Go to your WordPress Admin page > Appearance > Widgets and create a new Custom HTML block in your preferred location
2. Paste this code into the block changing “BLUESKY-HANDLE” to your Bluesky @username without the “@”. Below that, you can change the limit for number of Bluesky posts to show. The default is 5, but you can make it as many or less as you want. The quotes on either side of the username and limit are required.
3. In WordPress, click “Update” on the top right corner and that’s it!

<script src="https://cdn.jsdelivr.net/npm/bsky-embed@0.0.5/dist/bsky-embed.es.js" async></script>
<bsky-embed  
  username="BLUESKY-HANDLE"  
  limit="5"  
>  
</bsky-embed>

Hope this helps!