You can link a button to a page in WordPress by selecting the Button block, opening its Link control and choosing the destination page. The label and destination are separate parts of the button, so both need a check before you save. This guide uses a published About page in WordPress 7.1 and adds a route to an existing Contact page. The video below walks through the same steps.
Start by deciding what the reader should do after reaching this point in the page. A button is useful when its wording makes that next step clear. Prepare the destination page first so you can choose it from the link search and test the complete route after saving.
Steps to link a button to a page in WordPress
1. Open the source page
Go to Pages → All Pages and click the page you want to edit. In this example, open About and read the final paragraph before adding anything beneath it. The surrounding text should explain why someone might want to continue to the Contact page.
Check that you are editing the source page, where the button will appear, rather than the destination page. Keeping those roles clear prevents a common setup mistake. If the destination still needs to be created, the guide to adding a page covers writing and publishing it before you return to the button.
2. Insert the Buttons block
Click below the last paragraph, then open the Block Inserter using the blue plus at the top left. Search for buttons and choose the Buttons block. This outer block holds one or more individual Button blocks side by side, so the group and the clickable item have related but different roles.
For this task, begin with one button. That keeps the action focused while you confirm the link. You can inspect the wording, destination and appearance of this Button block without having to decide how several competing actions should sit together at the end of the page.
3. Write a destination label
The new button displays “Add text…” as its placeholder. Click into it and type the label directly, such as Contact us for the Contact page. Use wording that tells the reader what they will find after clicking, rather than relying on the shape or color to explain the action.
Read the final paragraph and the button label together. If the paragraph invites an inquiry, the contact wording should feel like a natural continuation. Avoid writing a label that promises a different action from the destination, such as implying a submitted message when the button merely opens another page.
4. Search for and select the target page
With the button selected, click the Link icon in its block toolbar. The box says Search or type URL. You can paste a full web address or type part of an existing page’s name. For the contact example, enter enough of Contact to recognize the matching page in the results.
Choose the page result marked Page. The search can also offer to create a page, so read the result before selecting it. After you choose the existing page, the link box displays its address. Inspect that address to confirm that the button now points to the intended destination rather than another page with similar wording.
5. Review the link’s behavior
The pencil icon labeled Edit link reopens the link box when you need to inspect or change the destination. Under Advanced, the controls include Open in new tab and Mark as nofollow, with Cancel and Apply. Do not change a switch merely because it is available; first decide whether the task calls for it.
Links between your own pages usually open in the same tab, so leave Open in new tab off for this example. If you edit the available link options, use Apply to keep those edits. Then return your attention to the button text and page content, which should still describe the same action.
6. Choose a readable button appearance
Open the Block tab in the settings panel for the button. Its Styles choices include Fill, which is the default solid appearance, and Outline, which uses a border. The panel also includes Typography, Color and other options. Select the appearance that makes the button readable within the surrounding page.
Check the entire label rather than judging only the color sample or border. A longer label needs to remain understandable beside the paragraph that introduces it. Styling is separate from assigning the destination, so a button that looks complete still needs its link checked before you treat the task as finished.
7. Save the page and test the button
Because this example edits an already published page, the top action is Save rather than Publish. Click Save and wait for “Page updated.” Use the View Page link to open the public page, then click the button. Confirm that the destination is the Contact page you selected in the editor.
Read the destination’s opening text as part of the check. The label should have prepared the visitor for what appears there. If the wrong page opens, return to the Button block, use Edit link to correct the destination, save again and repeat the public click. Testing the click completes the task in a way that appearance alone cannot.
Common problems
Correct button text with the wrong destination
Open Edit link and inspect the address. Search for the intended page again and select the correct result, then save the page and test the public button.
Unexpected new-tab behavior
Review Advanced in the link box and check Open in new tab. For a link to another page on the same site, leave that switch off and apply the change before saving.
Save instead of Publish in the editor
That is expected for an already published page. Save records the correction, and “Page updated.” confirms the result.
FAQ
Can I link a button to a page in WordPress without pasting its address?
Type part of the page’s name in Search or type URL and select the matching page result. The link box then shows the chosen address.
Is the Buttons block the same as a Button block?
The Buttons block contains one or more individual Button blocks. The individual button carries its own text and link.
Does changing Fill to Outline change the destination?
Fill and Outline are appearance choices in the button’s Styles controls. Assign and verify the destination through the Link control separately.
How can I check a button after editing its link?
Save the published page, open View Page and click the button. Verify the page that actually opens, including its title and content.
Summary
Place the button where the next action makes sense, write a descriptive label and select the destination through Link. Review the same-tab behavior, choose a readable appearance and save the page. Follow the public button once before considering the link complete.
The earlier menu guide covers another way to connect readers with the site’s pages.