An ordinary button is a link with a background. A button that has to carry a download, or hold attention in a hero section, usually needs more than that.
Pro Buttons adds the two shapes that need it most — a call to action and a download button with its own states.
Before You Start
- Edition: Pro — the Pro Buttons block needs Nexter Blocks Pro.
- Block to enable: Pro Buttons, switched on under Nexter > Blocks in your WordPress dashboard.
Video Tutorial
Steps
- Add the Pro Buttons block to your page.
- Choose the button type — call to action, or download.
- Pick a style for that type.
- Set the button text and its link or file.
- Style the colours, borders and hover, then publish.
How It Behaves
The block renders one button whose markup depends on the type you choose — the download type carries more than the call-to-action type does.
- The two types render differently. Measured on published pages: the call-to-action type rendered a link about 38 pixels tall; the download type rendered about 55 pixels and added an inline SVG for its icon.
- Download styles have their own states. Measured on style 5: the button rendered about 60 pixels tall and takes its own loading and success text, shown while the download runs and once it finishes. See the animated download button guide.
- It is a link, not a form control — it navigates or downloads; it cannot submit a form.
- Measured with Nexter Blocks Pro deactivated: the block renders nothing at all.
Limitations
- Pro only — measured, the block renders nothing at all without it, so a page built around it loses that section if Pro is deactivated.
- One button per block. For a pair of buttons use two blocks in a row or a container.
- The download states are visual. They show progress through the browser’s download, not a guarantee that the file arrived.
- For a plain button, the free Button block is lighter and enough.
Troubleshooting
Nothing renders where I added the block
Measured with Nexter Blocks Pro deactivated: the block renders nothing at all. Check Nexter Blocks Pro is active and licensed.
My download button behaves like a normal link
Check the button type is set to download rather than call to action — measured, the two types render different markup.
The loading text never appears
Those states belong to particular download styles. Measured on style 5, the loading and success text are part of the button; other styles do not have them.
The button will not submit my form
It cannot — it is a link. Use the submit button provided by your form block.
