[Share] Reuse Newsletter Block

Description:

• Reuse a newsletter block across multiple pages, and edit it all from a single page.
• Require a custom plugin

If you can't make it work, you can send site url, I can check problem easier

#1. First, you need to install Section Loader Supreme plugin

https://www.will-myers.com/products/p/section-loader-supreme

you can use code 
TUAN
to get 10% discount

#2. Create a page in Not Linked with Name/URL

• Name: Reuse Newsletter
• URL Slug: /reuse-newsletter

#3. Edit Reuse Newsletter page and Add a Newsletter Block

#4. Insert this Code Block where you want the newsletter block to appear. And paste this code into Code Block

<div data-wm-plugin="load" data-target="/reuse-newsletter"></div>

For example

Result

Update 2: If you want to add this Newsletter to All Blog Posts - Above Pagination, you can

Edit step #4, add code to Post Blog Item Code Injection

<div data-wm-plugin="load" data-target="/reuse-newsletter"></div>

Next, use this code under it or Code Injection > Footer

<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 !== '/reuse-newsletter') return;
  $('div.wm-load-container').insertBefore('body[class*="type-blog"].view-item section#itemPagination');

})
</script>
<style>
.wm-load-container .fluid-engine {
    justify-content: center;
}
</style>