<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { $('<div class="custom-text"><h1>Products</h1><p>get 20% off in your heading 1 products abcxy, click here to book your second lesson</p></div>').appendTo('body[class*="type-products"].view-item header#header'); }); </script> <style> .custom-text { position: absolute; z-index: 999999999; bottom: 10px; left: 0; width: 100%; text-align: center; } .custom-text * { color: #fff; margin: 0px; } </style>