How to Add a Button to the Header in WordPress (Block Theme)

If you want to draw in more visitors to your website and make them stay, you have to create an engaging website. Adding well-designed buttons to the header is one effective technique for boosting engagement and prompting desired actions. These buttons generally push users to carry out specific actions, like making a purchase, subscribing, or just digging deeper.

The header section is the perfect spot for any buttons. It’s one of the first things visitors notice, so it’s perfect for important elements like the site’s title, navigation, logo, CTA buttons, and all.

Providing a button helps boost conversions by directing users to a particular page. To make it effective, of course, the button has to stand out from other links in the header menu.

Adding a button to the header in WordPress in block themes is now easier and more flexible than ever before. If you’re still confused about how to do that, let me walk you through it. This blog will show it all.

Why Add a Button to Your WordPress Header Menu?

Good question. See the navigation menus are usually quite similar-looking plain text links. They aren’t really noticeable. But some of them are special and important. Like this one, you might want to put a link to an online order form in your site’s header; it has to be noticeable to your visitors, right?

You can easily make it stand out by turning that link into a button. At the same time, it can enhance your visitors’ user experience while boosting both clicks and conversions.

Now that you know why you should add a button to your header,  let’s just quickly go over how to do it. Today, we’ll only cover how to do it with block themes since it’s the easiest way. You can do it in many different ways; maybe we’ll go over them another day.

Adding Buttons To The Header In WordPress

Step 1: Go to your WordPress dashboard, then go straight to Appearance, then select Editor.

Step 2: Click on the header.

Step 3: Click on any text on the header (1) and then click on the three dots icon there (2). It will show you some options where you will find Add After, click on that as well (3). It will create a space for adding a button.

Step 4: Then click on the (+) icon and then search for the Button block and select it. 

Step 5: Add the button text. For example, download. Then click on the link icon and add the link you want to your button. You can even customize the appearance of your button in the block screen options on the right. When you are done, click the Save menu button in the top-right corner.

That’s pretty much it.


Whether you want to add a link to a sign-up form, a buy button, or another type of CTA, your header is one of the best spots to draw attention to your button and push your visitors to take action.

Try out different button styles, colors, and positions to find what works best for your website and audience. 

By following the easy steps mentioned in this how-to tutorial, you can properly engage your visitors and drive them to the desired actions. I hope you found it useful.

Also, take a look at our other tutorials for customizing your WordPress website:

Introducing a New Table Block Plugin - Tableberg
This is default text for notification bar