Pop-Ups (Modal Dialog)

🧭 Adding and Customizing a Pop-Up (Modal)

Pop-ups (also called modals) are flexible content overlays that can be used to highlight promotions, share messages, or drive engagement on any page of your site.

You can trigger pop-ups:

• On page load
• Once per user
• Via button click

They can display images, text, headings, or any other content block.

📺 Video Walkthrough

Want a visual walkthrough? Watch the full step-by-step video:

🔧 How to Add a Modal Pop-Up Block

Add a Modal Block

• Click the ➕ symbol to add a block
• Search for: Modal Dialog
• Drag and drop the modal where you’d like it to live

Add Content Inside the Modal

• Anything you want displayed (e.g. text, images, headlines) must be nested inside the modal block
• Examples:
  • Heading block
  • Paragraph text
  • CTA image or banner graphic

Customize Appearance

• Style the modal content as needed (bold text, headings, buttons, etc.)

🚀 Set Modal Launch Behavior

Click the main parent modal block to adjust how it launches:

✅ Launch Options:

Option	What It Does
Once per user	Displays one time per visitor, even if they navigate back and forth on the site
Every page load	Displays every time the page is loaded
Button click	Only displays when a specific button is clicked (requires setup below)

🔘 Setting Up Button-Triggered Pop-Ups (Most Involved)

To make a button open a modal:

1. Create a Button Block
   • Style it however you’d like (color, shape, etc.)
   • Under Button Settings:
     • Set Action Type to Content
     • Set Modal ID to a unique value (e.g., button click)
2. Match the Modal ID
   • In the Modal Settings, find the Modal ID field
   • Paste the exact same ID used in the button (e.g., button click)
   • This connects the button to the modal for activation

📝 Tip: Copy and paste the ID to ensure it matches exactly.

✅ Save Your Changes

Always publish or update your page to apply the modal settings to the front end of the site.

💬 Need Help?

If you run into questions or want help setting up your pop-up:
📧 Email us anytime at support@tractru.com — we’re here to help!