Buy me a coffee

Adding a saved section to a blog post

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

Adding A Saved Section To A Blog Post 01 Min

#2. Edit Page > Add your saved section here. In my example, saved section is a Case Studies

Adding A Saved Section To A Blog Post 02 Min

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

Adding A Saved Section To A Blog Post 03 Min

Adding A Saved Section To A Blog Post 04 Min

and a code, to add to Blog Post Header Code Injection

Adding A Saved Section To A Blog Post 05 Min

Adding A Saved Section To A Blog Post 06 Min

#4. Result

Saved Section will appear at bottom of Blog Post Content

Adding A Saved Section To A Blog Post 07 Min

#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>

Adding A Saved Section To A Blog Post 08 Min

Result:

Adding A Saved Section To A Blog Post 09 Min