Advanced Overlay Options

Customize Popup Overlay buttons with different options

Gallery Demo

Button Text:  

Button Style:                         

Step #1: Insert this code on the page where you want to show a button that opens your tree in an overlay:

<button style="border-radius: 6px; border-style: none; font-family: Arial; color: #ffffff; font-size: 20px; background: #314D68; padding: 10px 20px 10px 20px; text-decoration: none;" 
onclick="show_gallery_popup('77','');" 
onmouseover="this.style.backgroundColor='#23384b';" 
onmouseout="this.style.backgroundColor='#314D68';" >
Tree Tag Demo
</button>

Step #2: Insert this code ONCE at the bottom of the page, before the </body> tag:

<script src="https://zingtree.com/deploy/popup-modal.js"></script>

Note: You can have several buttons on a page, each one opening a different tree.


Test your popup overlay button:




Support