Skip to content

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

Updated On : September 14, 2026By : Reading Time : 2 minutes

Key Takeaways

  • Popup Builder block is part of Nexter Blocks Pro, and it is enabled under Nexter > Blocks in the WordPress dashboard.
  • On Button Click is on by default, so clicking the block’s toggle button opens the popup on the front end.
  • Popup Load Settings controls the button text, icon, spacing, size, and alignment, while Fixed Toggle Button in Extra Options keeps the button on screen as the visitor scrolls.
Table of Contents

A popup that opens by itself interrupts; one the visitor asks for is welcome.

The block ships with its own toggle button, so clicking it is the simplest way to open a popup.

For every Popup Builder setting in one place, see the Popup Builder block guide.

LIVE BLOCK LINK

Before You Start

  • Edition: Pro — the Popup Builder block is part of Nexter Blocks Pro.
  • Block to enable: Popup Builder, switched on under Nexter > Blocks in your WordPress dashboard.
  • The popup’s content decided: a short message, a form, or a saved pattern to load into it.

Steps

  1. Add the Popup Builder block to your page and click Design from Scratch.
  1. In the Content panel, choose a Type and set the popup’s size.
The Content panel with the Type setting
  1. Set Content Type and add what the popup should show.
The Content Type setting with Pattern, Content, Editor and Shortcode
  1. Open Display Conditions and switch On Button Click on.
The Display Conditions panel with On Button Click
  1. In Popup Load Settings, set the Button Text, and pick an icon and its position if you want one.
The Popup Load Settings panel with Button Text
  1. Publish the page and test it on the front end.

A popup can have more than one display condition switched on at once. Leave On Button Click on only if you also want the button to open it.

How It Behaves

  • Clicking the block’s toggle button opens the popup — verified on the front end.
  • On Button Click is on by default, so a new popup already works this way.
  • The button’s text, icon, spacing, size and alignment all live in Popup Load Settings.
  • Fixed Toggle Button in Extra Options keeps the button on screen as the visitor scrolls.

Limitations

  • Pro only.
  • The button belongs to the block, so it sits where the block sits on the page. To open a popup from a button elsewhere, use the element selector condition instead.
  • Switching this condition off hides the toggle button, so pair it with another condition or the popup has no way to open.

Troubleshooting

Clicking the button does nothing

View the published page rather than the editor preview, and check On Button Click is still on in Display Conditions.

I want the button somewhere else on the page

Move the Popup Builder block itself, or use a selector on your own button.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

What do I need before I can open a popup on button click in WordPress?

Nexter Blocks Pro is required, because the Popup Builder block is part of Nexter Blocks Pro. The block also has to be enabled under Nexter > Blocks in your WordPress dashboard. That matters because the button is built into the block itself, so the popup opens from the block’s own toggle button rather than from a separate widget.

Why does clicking the popup button do nothing on the front end?

The two common checks are the published page and the On Button Click condition. The page says this behavior is verified on the front end, so editor preview is not the right place to test it. If On Button Click was switched off in Display Conditions, the toggle button loses its opening behavior unless another condition is providing a trigger.

Can I open a popup from a button that is not inside the Popup Builder block?

Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter supports that through an element selector condition. The tutorial says the block’s own button sits where the block sits on the page, so if you want a button elsewhere, use your own button with a selector instead of relying on the built-in toggle.

Should I leave On Button Click enabled if I also want another popup trigger?

Keep On Button Click on only when you want the block’s toggle button to open the popup too. The page notes that multiple display conditions can be switched on at once, which means you can combine triggers. If you turn this one off without another trigger, the popup has no way to open.

What happens if I want the popup button fixed while people scroll?

Fixed Toggle Button in Extra Options keeps the button on screen as visitors scroll. That is useful when you want the trigger always available instead of disappearing with the block’s position. The tradeoff is simple: it stays visible longer, so it works best when constant access matters more than keeping the page visually minimal.

Where can I find all Popup Builder settings for this setup?

The single reference point is Popup Builder block: all settings. The page also points to Popup Builder block guide for every setting in one place. That helps when you need details beyond just opening on click, like size, content type, or load settings.

Last reviewed: September 15, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123………………………………………………………………53