--- title: "How to Add Advanced Buttons in WordPress?" url: https://nexterwp.com/docs/add-advanced-buttons-in-wordpress/ date: 2024-11-28 modified: 2026-09-28 lang: en author: "Aditya Sharma" description: "A clear, eye-catching button is often the difference between a visitor reading and a visitor acting. The free Advanced Button block in Nexter Blocks gives you 23 button styles, icons,..." image: https://nexterwp.com/wp-content/uploads/2024/11/How-to-Add-Advanced-Buttons-in-WordPress_-1024x519.jpg word_count: 463 --- # How to Add Advanced Buttons in WordPress? ## Key Takeaways - Nexter Blocks’ free Advanced Button block offers 23 button styles, icons, hover effects, and a built-in popup. - Advanced Button is switched on under Nexter > Blocks in the WordPress dashboard, then added and configured with Design from Scratch, Select Style, Title, Link, and Alignment. - Enable Popup on Click opens a saved pattern in an overlay and ignores the Link, while Hover Text and Extra Title only appear in styles that support them. A clear, eye-catching button is often the difference between a visitor reading and a visitor acting. The free Advanced Button block in Nexter Blocks gives you 23 button styles, icons, hover effects and a built-in popup. [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-advanced-button/) ## Before You Start - **Edition:** Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.- **Block to enable:** Advanced Button, switched on under **Nexter > Blocks** in your WordPress dashboard. ## Learn via Video Tutorial https://www.youtube.com/watch?v=8rqU3Z3ZILc&t ## Steps - Go to **Nexter > Blocks**, search for **Advanced Button** and turn it on. ![The Nexter Blocks settings page filtered to the Advanced Button block](https://nexterwp.com/wp-content/uploads/2026/09/advanced-button-admin-enable.webp) - Add the **Advanced Button** block and click **Design from Scratch**. - In the **Content** panel, pick a style under **Select Style** and type the button text in **Title**. ![The Content panel with Select Style, Title, Alignment and Link](https://nexterwp.com/wp-content/uploads/2026/09/advanced-button-select-style.webp) - Add the destination in **Link** and set **Alignment**. - Optional: choose an icon in the **Icon** panel and style the button on the **Style** tab. Save. ![A Style 23 button with the extra title Get it on above Google Play](https://nexterwp.com/wp-content/uploads/2024/11/advanced-button-style-23-demo.webp) ## Layout Settings | Panel | Setting | What it does | | ----- | ------- | ------------ | | Content | Select Style | 23 designs; some add hover text or an extra title | | Content | Title, Hover Text, Extra Title | Button text; Hover Text shows on hover in some styles; Extra Title is the small line in Style 23 | | Content | Alignment, Link | Position per device; the destination, with new tab and nofollow options | | Content | Button Hover Style | Direction of the hover animation in Styles 11 and 13 | | Icon | Icon Type | None, Font Awesome, Image or SVG, with Select Icon, Image and Image Size, or Upload SVG | | Modal Popup | Enable Popup on Click, Select Template | Opens a saved pattern in a popup instead of following the link | | Accessibility | Aria Label | The name screen readers announce | ## Style Settings | Panel | Settings | | ----- | -------- | | Button | Typography, Normal/Hover text, icon, border and background colours, Box Border, Border Radius, Box Shadow, Padding | | Icon | Icon Position (Prefix or Postfix), Vertical Position (Style 23), Icon Spacing, Icon Size | | Extra Options | Maximum Width, Interval Shake with Duration(s), Content Hover Effect with Select Effect and Shadow Color | | FancyBox Option | Overlay Color and Width of the popup (when the popup is on) | **Button Presets** at the top of the sidebar apply a saved style or the global button style. The **Advanced** tab holds the options shared by all Nexter Blocks. ## How It Behaves - The whole button is one link with the button role; the Aria Label falls back to the Title.- With **Enable Popup on Click**, clicking opens the pattern in an overlay and the Link is ignored.- It works the same in the free plugin and with Nexter Blocks Pro. ## Limitations - Without a Link, the button reloads the current page when clicked.- Hover Text and Extra Title only appear in the styles that support them. ## Troubleshooting ### I cannot find the Advanced Button block It is switched off. Go to **Nexter > Blocks**, search for Advanced Button and turn it on. ### My Hover Text does not show Pick a style that supports hover text, such as Style 11. ## Related Docs - [Open a modal popup on button click](https://nexterwp.com/docs/open-a-modal-popup-on-button-click-in-wordpress/)- [Add a button hover animation](https://nexterwp.com/docs/add-button-hover-animation-in-wordpress/)- [Add an interval shake animation](https://nexterwp.com/docs/add-interval-shake-animation-to-wordpress-button/)- [Add an image on a button](https://nexterwp.com/docs/add-an-image-on-a-button-in-wordpress/)- [Advanced tab options for Nexter Blocks](https://nexterwp.com/docs/use-advanced-tab-in-nexter-blocks/) ## Frequently Asked Questions **Q: What do I need before adding an Advanced Button in WordPress?** A: Advanced Button is a free block in Nexter Blocks, and it also works with Nexter Blocks Pro. The key prerequisite is that the block must be switched on under Nexter > Blocks in your WordPress dashboard. That matters because the block will not appear in the editor until it is enabled. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter provides the Advanced Button block as part of its free block set. **Q: Why is the Advanced Button block not showing up in the editor?** A: The usual cause is that the block is turned off. In Nexter > Blocks, search for Advanced Button and switch it on first. That unlocks the block so you can add it in the editor. If it still feels missing, the page’s own troubleshooting points to the same fix, which means this is an enablement issue rather than a styling problem. **Q: What happens if I use an Advanced Button without adding a link?** A: Without a Link, the button reloads the current page when clicked. That is a useful gotcha because the button still behaves like a real link element even when no destination is set. If you want it to do something specific instead of refreshing the page, use Enable Popup on Click with a saved template so the click opens an overlay rather than following a URL. **Q: Can I open a popup from an Advanced Button instead of sending visitors to a URL?** A: The Advanced Button block includes Enable Popup on Click, which opens a saved pattern in an overlay and ignores the Link field. That makes it useful for modal-style actions where you want content to appear without leaving the page. The related doc [Open a modal popup on button click](https://nexterwp.com/docs/open-a-modal-popup-on-button-click-in-wordpress/) covers that flow in more detail. **Q: Which Advanced Button style should I use if I want hover text?** A: Pick a style that actually supports hover text, because Hover Text only appears in some styles. The page calls out Style 11 as an example that supports it. That matters when you are choosing between 23 designs: not every design exposes every field, so style choice affects what content you can show on hover. **Q: How do I make an Advanced Button look and behave better for different use cases?** A: Use Style Settings for visual control and Extra Options for behavior tweaks. The block lets you adjust typography, colors, border radius, box shadow, padding, icon position, icon size, maximum width, interval shake duration, and content hover effects. For motion-specific work, related docs like [Add a button hover animation](https://nexterwp.com/docs/add-button-hover-animation-in-wordpress/) and [Add an interval shake animation](https://nexterwp.com/docs/add-interval-shake-animation-to-wordpress-button/) show how those effects fit into real layouts.