Courses & Lessons
Events & Recordings
Hire a Coach
Sign Up for Free
What is IMPACT+?
Sign Up for Free
Copy link to profile
Joined April 2020
almost 2 years ago
Related articles section on the IMPACT+ website
I've got a question for the IMPACT+ team please! At the end of each of your blog posts, there's a "Related Articles" section. Is there a special tool or plug-in you're using, or is that a custom code for your website?
December 4, 2020 3:51pm
I'm Christine, the developer on IMPACT's website. The related articled articles feed is generated by code called HUBL, a templating language HubSpot has, which pulls in articles with the same topic tag as the article they are embedded on. Then, there's some additional code that creates the 'infinite scroll' effect where posts will continue to load as you scroll.
I've added some resources on what we use, but they are from the developer documentation, so theirs a lot of code!
This is what loads in the related tags: https://developers.hubspot.com/docs/cms/hubl/functions#blog-recent-tag-posts
This is the plugin that allows us to create the scrolling effect: https://infiniteajaxscroll.com/
If you're looking to implement something like this that doesn't require the use of code, there is a RSS Feed module that you can use on templates built using HubSpots Visual Builder. But it's more limited if you try using it on a blog. This is because if you try to select a tag, that tag would display on all blog articles, but you could use it just to display a list of most recent posts for all topics. The scrolling functionality would also not be included in using this: https://knowledge.hubspot.com/cos-blog/how-do-i-display-tag-specific-blog-posts-on-my-website-pages
Hopefully this helps!
Continue reading this thread