How to add a button into a menu in WordPress website

Adding a button to your WordPress menu is a great way to encourage your visitors to take action. Whether you want them to subscribe to your email list, sign up for a free trial, or make a purchase, a button can make it easy for them to do so.

Here’s how to add a button into a menu in WordPress:

1. Go to Appearance > Menus in your WordPress dashboard.
2. If you don’t have any menus yet, click Create Menu.
3. Give your menu a name and click Create Menu. (Learn how to create a menu here)
4. In the Menu Structure section, click Add a Menu Item.
5. Select Custom Link from the menu.
6. Enter the URL of the page you want to link to in the URL field.
7. Enter the text you want to appear on the button in the Link Text field.
8. Click Select.
9. To make the button look like a button, you’ll need to add some CSS. Click Screen Options in the top right corner of the screen.
10. Check the box next to CSS Classes.
11. Click Save Menu.
12. In the CSS Classes field, enter a class for the button.
13. Click Save Menu again.
14. Now you can add some CSS to style the button.

Here’s an example of some CSS you can use to style the button:

Code snippet

.my-button {
  background-color: #000;
  color: #fff;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

.my-button:hover {
  background-color: #fff;
  color: #000;
}

Use code with caution. 

You can change the colors and padding to match your website’s design.

Once you’ve added the CSS, your button should look like a button. You can now add it to your menu.

1. In the Menu Structure section, click the button you want to add to the menu.
2. Click Add to Menu.
3. The button will be added to the menu.
4. Click Save Menu.

Your button is now added to your menu. You can preview it by clicking Preview Menu.

Once you’re happy with the way your button looks, you can publish your menu.

Alternatively, you can do this:

1. Go to Appearance > Menus in your WordPress dashboard.
2. If you don’t have any menus yet, click Create Menu.
3. Give your menu a name and click Create Menu.
4. In the Menu Structure section, click Add a Menu Item.
5. Select Custom Link from the menu.
6. Enter the URL of the page you want to link to in the URL field.
7. Enter the text you want to appear on the button in the Link Text field.
8. Click Select.
9. To make the button look like a button, you’ll need to add some CSS. Click Screen Options in the top right corner of the screen.
10. After the button is added is added to the menu, click it to edit and on the “CSS Classes” put “btn” which is bootstrap class for button.
11. Then you are good to go now.
12. Your button is successfully created.

Here are some additional tips for adding buttons to your WordPress menu:

• Use a clear and concise button text.
• Make the button stand out from the rest of the menu items.
• Use a call to action, such as “Subscribe” or “Sign Up”.
• Test different button styles and colors to see what works best for your website.

Get a digital marketing certification. Register now