--- title: "How to Add a Button in a WordPress Message Box?" url: https://nexterwp.com/docs/add-a-button-in-a-wordpress-message-box/ date: 2024-12-04 modified: 2026-09-28 lang: en author: "Aditya Sharma" description: "A notice often needs somewhere to go next — read the policy, view the offer, update your details. The Message box can carry its own button, so the message and..." image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-a-Button-in-a-WordPress-Message-Box_-1-1024x519.jpg word_count: 586 --- # How to Add a Button in a WordPress Message Box? ## Key Takeaways - Nexter Blocks Message Box block adds a button to WordPress message boxes and can redirect users to different locations. - Show Button toggle in the Button tab enables the button, while the Style section selects a button style. - Button Text and Button Link fields set the label and destination for the message box button. A notice often needs somewhere to go next — read the policy, view the offer, update your details. The Message box can carry its own button, so the message and the action stay in the same box instead of drifting apart on the page. *For every External Form Styler setting in one place, see the [main Message box guide](https://nexterwp.com/docs/add-a-message-box-in-wordpress/).* [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-message-box/) ## Before You Start - **Edition:** Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.- **Block to enable:** Message box, switched on under **Nexter > Blocks** in your WordPress dashboard. ## Video Tutorial ## Steps - Select the **Message box** block. - Switch the **Button** option on. - Type the button **text** and enter its **link**. - Pick a button **style**, and an icon for it if you want one. - Publish and check the page — the button appears on the title's row, at the right edge. > ***The button sits on the title's row, at the right edge** — not underneath the message. Measured with a title, a description and a button all switched on: the title and the button share the top row and the description runs full width below them.* ## How It Behaves The Message box is a single styled box with up to four parts — an icon, a title, a description and a button — plus an optional close button. It is the block to reach for when a page needs a notice that stands apart from the body text. - **The button sits on the title's row, at the right edge** — not underneath the message. Measured with a title, a description and a button all switched on: the title and the button share the top row and the description runs full width below them.- **Measured positions** in a box 1092 pixels wide, with the title, description and button all on: the title starts at x 224 and the button at x 1066, both on the same row, with the description running the full width beneath them.- **The box gains a class when the button is on** — measured, `msg-inner-body` becomes `msg-inner-body extra-btn-enable`, which is what makes room for it.- **The link works as an ordinary link**, including open in a new tab and nofollow.- **The button is off by default** — measured on a new block, no button is rendered until the option is switched on. ## Limitations - **The button's position is fixed.** Measured: it shares the title's row at the right edge; there is no setting to move it below the message.- **One button per box.** For two actions you need two blocks, or a separate buttons block underneath.- On narrow screens the title and button share a tight row — keep the button text short.- The button is a link, not a form control; it cannot submit anything. ## Troubleshooting ### The button is not appearing Check the **Button** option is switched on. Measured on a default block: it is off until you switch it on. ### The button is squashed against the title That is the layout. Measured: the button sits at the right edge of the title's row. Shorten the title or the button text to give both room. ### I want the button under the message The block does not offer that. Measured, the position is fixed — use a separate buttons block below the message box if you need it underneath. ### The button goes nowhere The link field is empty or still holds the default placeholder. Enter the full destination URL. ## Related Docs - [Add a message box in WordPress](https://nexterwp.com/docs/add-a-message-box-in-wordpress/)- [Create an alert box in WordPress](https://nexterwp.com/docs/create-an-alert-box-in-wordpress/)- [Add a close button to a message box](https://nexterwp.com/docs/add-close-button-in-alert-box-message-box-in-wordpress/)