Add a Form with text to Additional Info of all products

To add a Form with text to Additional Info of all products, like this.

Add a form with text to additional info of all products 1

#1. First, create a Page in Not Linked with URL: /additional-saved

Add a form with text to additional info of all products 2

#2. Next, design your layout on this Not Linked Page

Add a form with text to additional info of all products 3

#3. Click Gear icon on Store Page

Add a form with text to additional info of all products 4

#4. Click Advanced > Page Header Code Injection

Add a form with text to additional info of all products 5

#5. Paste this code

<!-- @tuanphan - Add additional section to Product -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    const paginationSection = document.querySelector('section.ProductItem-additional');
    
    if (paginationSection) {
        const loaderDiv = document.createElement('div');
        loaderDiv.setAttribute('data-wm-plugin', 'load');
        loaderDiv.setAttribute('data-source', '/additional-saved'); paginationSection.parentNode.insertBefore(loaderDiv, paginationSection);
        if (window.wmSectionLoader && typeof window.wmSectionLoader.init === 'function') {
            window.wmSectionLoader.init();
        }
    }
});
</script>
<style>
  [data-wm-plugin] section {
      min-height: unset !important;
  }
</style>

Add a form with text to additional info of all products 6

#6. Install Section Loader Supreme Plugin

Note: to make #5 work, you will need to use plugin.

Buy me a coffee