How to open a Popup on button link click in WordPress?

Key Takeaways

  • Utilizes the Nexter Blocks Popup Builder block to create popups triggered by button clicks.
  • Enables the On Button Click option in the Display Conditions tab to activate the button trigger.
  • Customizes button text, icons, and alignment in the Popup Load Settings section of the Nexter Blocks.
Table of Contents

Using popups on a website can be very useful in various ways. One common use case is when you want to show additional information on the same page after the user clicks on a button.

This improves the user experience because visitors do not have to go to another page to get the information. A common example is showing a newsletter signup form in a popup when the user clicks the signup button.

To check the complete feature overview documentation of the Nexter Blocks Popup Builder block, click here.

Requirement — This block is a part of Nexter Blocks. Make sure it is installed and activated.

Best Used For:

  • Lead generation pages where a signup or contact form appears in a popup when a visitor clicks a CTA button
  • Product or pricing pages where a demo request or free trial form opens without leaving the page
  • Any page where you want to show supplementary information, video, or a form without navigating away

The Popup Builder block from Nexter Blocks offers multiple popup trigger options, including a built-in button element.

To add a button trigger for the popup, add the Popup Builder block to your page, then go to Popup Load Settings > Type and select Button.

Popup Builder block Type Button setting in Nexter Blocks

A button will be added to the page. From this block, you can customize the button text, add icons, and adjust the icon position and button alignment. From the Style tab, you can adjust the button appearance.

From the Display Conditions tab, enable the On Button Click option to activate the button trigger. Use this when you want the popup to open only when visitors click the button, not automatically on page load. You can also adjust the button position from the Extra Options tab.

Popup opening on button click in Nexter Blocks

About the Author

Photo of Aditya Sharma CMO of Nexter
CMO at POSIMYTH Innovations · Nexter · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!