In this guide, you’ll learn how to:
Add a link to a Call To Action button
Add a Button block using drag and drop
Configure links and link behavior for buttons
1. Add a Link to a Spectra Info Box Call To Action Button
The Info Box block in Spectra includes an optional Call To Action button that can be easily linked.
Step-by-Step Instructions
Open your page or post in the WordPress Block Editor.
Click the “+” (Add Block) button.
Search for Info Box and select the Spectra Info Box block.
Click the Info Box to open the Block Settings panel on the right.
Scroll to the Call To Action section.
Enable Call To Action.
Enter the Button Text (for example: Learn More or Get Started).
In the Link field, add:
A full URL (e.g.,
https://example.com/services), orAn internal page by typing its name and selecting it from the list
(Optional) Enable:
Open in New Tab
Add Nofollow
Click Update or Publish to save your changes.
Your Info Box CTA button is now fully clickable and functional.
2. Add a New Spectra Button Block (Drag & Drop)
Spectra also provides a standalone Button block that you can place anywhere on your page.
Step-by-Step Instructions
Open your page or post in the Block Editor.
Click the “+” (Add Block) button.
Search for Button under the Spectra blocks.
Select Spectra Button (not the default WordPress button if you want advanced styling options).
The button will be added to your layout instantly.
Click inside the button to edit the text.
3. Add a Link to a Spectra Button
Once the Spectra Button block is added, you can link it using one of the following methods.
Method 1: Toolbar (Quick Method)
Select the Spectra Button block.
Click the Link icon in the block toolbar.
Paste or type the destination URL.
Press Enter to apply.
Method 2: Block Settings (Advanced Control)
Select the Spectra Button block.
Open the Block Settings panel on the right.
Locate the Link or Action section.
Enter the destination URL.
Configure optional settings:
Open in new tab
Add nofollow
Accessibility labels (if available)
Click Update or Publish.
Best Practices for CTA Buttons
Use clear, action-oriented text (e.g., Contact Us, Download Now)
Avoid generic labels like Click Here
Ensure strong contrast between the button color and background
For external links, enable Open in New Tab