How to Open a Modal Popup on Button Click in WordPress?

Table of Contents

Do you want a simple solution to show content in a modal popup on a button click in WordPress? This type of popup can be used to grab the attention of website visitors and promote various offers, discount codes, or newsletter subscriptions.

With the Advanced Button block from the Nexter Blocks, you can easily show a fancy box popup on a button click in WordPress.

To check the complete feature overview documentation of the Nexter Blocks Advanced Button block, click here.

Requirement  – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.

To do this, first, you have to create a pattern with the popup content.

You can go to Appearance > Patterns > Add New Pattern to create a reusable block.

Then, add the Advanced Button block on the page and follow the steps –

1. Select a button style from the Select Style section under the Content tab. Then add the necessary button text.

advanced button modal popup video

2. Then click on the  Modal popup tab, and enable the Enable Pop on Click toggle. 

3. Then, select your template/reusable block from the Select Template dropdown.

Note: You can also create a pattern from here by clicking on the Create Pattern button.

Now, when you click on the button, a fancy box popup will open.

advanced button modal popup video demo

Still in Doubt? Let’s Assist You

Need Help? Ask AI Bot

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Docs