Add a button to a WP page

A free plugin adds a chat to your WP dashboard. Type “Add a ‘Book a class’ button to Workshops.” See it first, press the button, undo in one click.

Works on block themes: you'll see Appearance › Editor in your dashboard. How to tell

  • Nothing changes without your OK
  • Undo in one click, or a warning first
  • No account, no password to share

Needs WP 6.3 to 7.1, PHP 8.0 or newer, and an administrator login. One site per install.

The download is a plugin. Turning it on connects your site to cmshands.com and adds 3 small rescue files. Deleting the plugin removes them and everything it stored. What we send

Add a “Book a class” button at the end of the Workshops page that links to the Contact page.

The waiting card with After pressed: the Workshops page as it would look, a Book a class button under the last line
Open the picture full size
From a real run on our test site

Watch it do this on a real site

Steps of this run

You ask

You type what you want in the chat, in your own words: what the button says, where it goes, and which page it links to. The chat sits in your WP dashboard.

Add a “Book a class” button at the end of the Workshops page that links to the Contact page.

You see it first

It finds the Workshops page, reads it and your theme's colors, and about 27 seconds later shows a card. One of its reads didn't work the first time; the next one did. Press After to see the page with the new button. Nothing has changed yet.

Ready for you to review — it's the Workshops page (id 38), and the button points to /contact/ (the Contact page).
  1. 2 secondsLooking for what you meant
  2. Looking for what you meant
  3. 4 secondsReading from your site
  4. 5 secondsReading one of your pages
  5. 8 secondsLooking at your theme’s colours and sizes
  6. 12 secondsPreparing the change for your OK
  7. Previewing your page

Or check the code

Press Code to see exactly what it adds: one button after the last paragraph, linked to /contact/. The rest of the page stays as it is. You don't need to read code to use it. The green button makes the change; Not now leaves the page alone.

You press the button

Only now does it change your page. It adds the button, reads the page back to check, and the card turns green with an Undo link. The gap before it is us looking at the card.

  1. 44 secondsUpdating one of your pages
  2. Checking the change

It's on the site

The foot of the Workshops page right after, as a visitor sees it. The button sits under the last line, in the theme's own button style, and links to the Contact page. Nothing else on the page moved.

Done. I checked afterwards, and it now says "Book a class".

Undo, if you want

One press of Undo took the button off again. It checked the page and showed exactly what it removed.

Undone. I checked afterwards, and it's back the way it was.
  1. 55 secondsReverting the change
  2. Checking the change

A real run on our test site, Quillmoor Pottery (WP 7.1.3, Twenty Twenty-Four), Oct 11, 2026. From asking to done, it took 44 seconds.

That's the whole job. The plugin is free: 3 changes to try it, no account. Nothing changes until you press the button.

Needs WP 6.3 to 7.1, PHP 8.0 or newer, and an administrator login. One site per install.

The download is a plugin. Turning it on connects your site to cmshands.com and adds 3 small rescue files. Deleting the plugin removes them and everything it stored. What we send

How to add a button in WordPress yourself

Checked on WP 7.1, Oct 11, 2026

  1. 1. Log in to your dashboard and go to Pages › All Pages. Hover over the page and click Edit. On our test site, that's Workshops.

    The WP dashboard menu with All Pages open, and the Edit link under the Workshops page outlined
  2. 2. Click at the end of the paragraph the button should follow and press Enter. An empty line appears: “Type / to choose a block”.

    The Workshops page in the editor: under its last paragraph, an outlined empty line that says Type / to choose a block
  3. 3. Press the blue + at the top left, type “buttons” in the search box and click Buttons. Typing /buttons on the empty line works too.

    The block panel open on the left, buttons typed in its search box, and the Buttons block outlined
  4. 4. A button appears with “Add text…” in it. Type the words visitors should see, like “Book a class”.

    The new button under the last paragraph, outlined, with Book a class typed in it
  5. 5. Press the link icon in the small toolbar above the button. Type the page's name, like Contact, and pick it from the list.

    The link icon in the button's toolbar outlined, Contact typed in the link box, and the Contact page outlined in the list
  6. 6. Press Save at the top right. Then open the page on your site and click the new button once to check where it goes.

    The top right of the editor with the Save button outlined, above the settings of the new button

If your site has the Classic Editor plugin, pages open as one big text box with no blocks, so there's no Buttons block to add. Your theme or a plugin may have its own button for that. CMSHands adds buttons on block themes, to pages made in the block editor.

A button is a link made to stand out. Keep its words short and say what happens next, like “Book a class” or “Call us”. To check it, open the page in a private window, where you're logged out, and click it once.

What it won't do here

A floating button that follows you down the page

That needs code CMSHands can't add yet. A button at the end of a page, or anywhere in it, works.

Buttons that come as code, like some payment buttons

Some payment and share buttons are a snippet of code from another site. It adds plain buttons that link to a page or a web address.

A button on a page made with a page builder

Page builders such as Elementor or Divi lay out pages their own way. It can't add a button there. Use the builder's own button.

A button in the header of an older (classic) theme

A classic theme keeps its header in the theme's files, which it can't change yet. You'll know one by Appearance › Customize instead of Editor.

New colors or fonts

It uses your theme's own colors and sizes. It doesn't add new ones or restyle the whole site.

Why it won't wreck your site

Nothing changes until you press the button.

Every change comes as a card that names it. Nothing happens until you press the button or Not now.

You see it first.

Old words in red, new words in green. For layout, before-and-after pictures on a computer and a phone.

One click undoes it.

When something can't be undone, like deleting a page or a plugin, the card says so before you press.

Free to start

No accountWith your emailPaid plan
Changes3 to try it10 every monthComing. Nothing costs money until you choose it.
Questions30 a day100 a day
If it breaksDaily check and crash rescueThe same, plus email alerts

Undo a change within 24 hours and it doesn't count. If you haven't added an email after 30 days, only crash rescue stays on until you add one. A change is one card you approve. A job that touches several pages or plugins is several changes.

Questions

How do I edit a button in WordPress?

Open the page in the editor and click the button. Type over its words to change them, and press the link icon in the small toolbar to change where it goes. For its look, the Block tab on the right has Styles (Fill or Outline), then text and background Color. Press Save when you're done.

Can I add a button to my header?

Yes, on a block theme. The header is one piece every page shares: go to Appearance › Editor, choose Patterns, then Header near the top of the list, and add a Buttons block as in the steps above. You can ask CMSHands for it there too, though our test run above was on a page. On an older (classic) theme it can't change the header yet.

How do I add a buy or donate button?

Add a Buttons block as in the steps above and link it to the page that takes the money: a product page, a donation page, or a payment link from your payment provider. Some payment buttons come as a piece of code instead; those need the provider's own plugin. CMSHands adds plain buttons that link somewhere.

Can it add a back-to-top button?

A button at the end of a page that jumps back to the top, yes. A floating one that follows you down the page needs code it can't add yet. To make the first kind yourself, add a Buttons block and link it to #top. For a floating one, ask the chat to suggest a plugin from the WP plugin directory, checked against your WP and PHP versions.

Will the button match the rest of my site?

Yes. Before it writes anything, it reads your theme's colors and sizes, and the button it adds uses your theme's own button style, not new colors. On our test site it came out dark brown with round ends, the look Twenty Twenty-Four gives buttons there. You see it on the card before you approve.

Is it free?

To start, yes: 3 changes with no account, then 10 a month once you add your email. Questions are free, up to 30 a day.

Written by CMSHands team.

Add a button to your own page

Needs WP 6.3 to 7.1, PHP 8.0 or newer, and an administrator login. One site per install.

The download is a plugin. Turning it on connects your site to cmshands.com and adds 3 small rescue files. Deleting the plugin removes them and everything it stored. What we send

  1. Download the plugin.

    It's free: 3 changes to try it. No account, no card.

  2. Upload and activate it.

    In your dashboard: Plugins › Add Plugin › Upload Plugin (Add New Plugin on older WP). Choose the file, press Install Now, then Activate Plugin.

  3. Press Turn on.

    Press Turn on CMSHands. No account, no key, no password.