Automatically Expand All Comments on a Substack Post With a Single Click
This Chrome bookmarklet expands all comments on a Substack post, saving you tons of time.
One of my favorite time-saving Substack tips is a bookmarklet I use in Chrome that automagically expands the comments on a post. No matter how many comments there are (even thousands), a single click expands them all.
Ever since I wrote that post about how to clean up your Substack Notes feed, people have been asking me for more tips. That became my most popular post so far, so I wanted to crank this post out. Let’s start with the problem…
Here’s my dilemma, or rather, this was my dilemma. The fix is detailed below. Maybe you can relate to this example:
Take this post on possible AI content on Substack by
. Relatively popular post. Over 100 comments:
What if I want to join the fray and leave a comment, or reply to a comment, or just read the comments? Clicking the comments button takes me to the comments page. Ugh!
I don’t blame Will, of course. It’s not his fault, but I’m not thrilled about Substack’s separate comments page. I like to scroll up and down and refer to the original when crafting my amazingly brilliant comments. How else am I going to argue with internet trolls? 🧌
Sadly, if I scroll down to the bottom of that post, I only see a couple of comments, along with a “more comments” link. Like this:
So I can’t get around it. Ugh one more time! I have to click one or the other of those thingies to get to the comments page. I’m not even going to get into how Substack pushes the “other kind of post URL” on us where the interface is totally different, the buttons are in different places, and so on. No matter what, you still have to click something to get to the comments.
After clicking either the comments button or the “more comments” link, the comments page loads (who would have guessed?). Hurray! We can leave a comment right near the top. More complicated to get here than I’d like. Why isn’t this on the same page as the post (they could have just iframed it)? Oh, well, it is what it is.
But wait… now we run into another problem. There are actually too many comments on this page for the system to show them all. I only see a handful of comments on this page. Ugh all over again!
I know this is to conserve resources and speed loading, but it’s annoying just the same. They could do some pre-fetching, but whatever.
What if I want to read all the comments? What if I want to search all the comments for certain topics so I can respond? The lion needs to see the whole herd before choosing the right target.
To do that, I have to expand all the comments. To do that, I have to click the “Load More” button as many times as it takes. Ever tried that on a post with 2,000 comments? Huge time waster. Totally annoying.
To see all the comments takes work, and you know how I hate work. Annoying, unnecessary work. Our nemesis, our tech dragon 🐉 here, is the dreaded “Load More” button. It’s a dragon that begs to be slayed.
What if instead of clicking over and over again, you only had to click a bookmarklet once, and like magic, all the comments would be expanded on the page? Like in this screenshare video:
Well, you can. Instructions are below. But what’s a bookmarklet?
Bookmarks vs. Bookmarklets
Bookmarks are links to other pages, whereas bookmarklets are Javascript code that execute on the page (and may open other pages, click buttons, and so on). They’re supported in most major browsers. You add them to your browser in the same way you add a bookmark.
I use this in Chrome, so I’ll show you how to add it to Chrome.
How to create a bookmarklet in Chrome:
There are different ways to do this, but I feel this method is the most straightforward.
Copy the code for the bookmarklet you want to add from the code block below.
Open Chrome and make sure the bookmarks bar is visible.
Right click on the bookmarks bar and select “Add page…”
Paste the entire code into the URL field and give your new bookmarklet a name in the Name field.
Click Save.
Your bookmarklet should appear in the bookmarks bar.
Bookmarklet — Automatically Click the Load More Button
Below is the code for a bookmarklet that does exactly what I’ve described (the instructions for adding it to Chrome are above). It scrolls down the page and then clicks the “Load More” button until all the comments are expanded and the button disappears. Then it notifies you it’s done onscreen.
Add this to Chrome. Once you’re on a comments page, click this bookmarklet. It won’t work on any other page except the comments page.
A few things about this bookmarklet:
It does not work for Notes at all, but I am working on a bookmarklet that auto loads more replies for a Note (another annoying time waster).
It does not work on other platforms, only Substack.
It works only on Substack posts, including Substack custom domains—Substack publications with their own domain names (like selfpublife.com).
Here is the code:
javascript:const intervalID = setInterval(loadMore, 1000);function loadMore() { const buttonLoadMore = document.querySelector("#main > div.pencraft.pc-display-contents.pc-reset.pubTheme-yiXxQA > div > div:nth-child(3) > div.comment-list-container > div > button"); if (!buttonLoadMore) { clearInterval(intervalID); alert("No more comments to load or button not found"); } else { buttonLoadMore.scrollIntoView(); buttonLoadMore.click(); }}intervalID = null;And… we’re done! Now you can expand all the comments on a post in a single click. I use this little trick all the time. If you need any help with this or run into any problems, let me know!