To add a saved section to a blog post, you can follow these.
#1. Create a Page in Not Linked with Name/URL
- Name: Blog Post Saved Section
- URL: /blog-post-saved-section
#2. Edit Page > Add your saved section here. In my example, saved section is a Case Studies
#3. Install Section Loader Supreme Plugin
You can use code: TUAN to get 10% discount.
The plugin will give you some code to add to Code Injection Header/Footer.
and a code, to add to Blog Post Header Code Injection
#4. Result
Saved Section will appear at bottom of Blog Post Content
#5. If you want to move this under Blog Pagination/Navigation, use this code to Code Injection > Footer, under Plugin code.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
document.addEventListener('wmSectionLoader:loaded', ({detail}) => {
if (detail.target !== '/blog-post-saved-section') return;
$('div.wm-load-container').insertBefore('body[class*="type-blog"].view-item footer.sections');
})
</script>
Result:
