• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Answer Your Tech

Wordpress How-to Guides

  • Writing
  • Settings
  • Jetpack
  • Navigation
  • Hosting
  • Getting Started
  • Themes
You are here: Home / Writing / How to Add a Button to a Post in Wordpress

How to Add a Button to a Post in WordPress

July 2, 2019 By Matthew Burleigh

How to Add a Button to a Post in WordPress

While one of the easier ways that you can add a link to another Web page is to create a hyperlink in the text of your post, an option that you might prefer is to add a button instead. A button is much more obvious than a hyperlink, and it can increase the number of clicks that you get on a link.

With the new Gutenberg editor in WordPress, adding a button has become a much simpler process than it used to be. A button is included as one of the blocks that you can add, and you have the ability to customize the button text, the hyperlink for the page that opens when the button is clicked, and you can even choose the color of the button and the color of your text.

How to Add a Button Block in WordPress with the Gutenberg Editor

The steps in this article were performed in the 5.2.2 version of WordPress, using the Gutenberg post editor.

Step 1: Open the admin section of your site at (yourdomain.com)/wp-admin.

Step 2: Hover over the Posts tab at the left side of the window and either create a new post or open an existing one.

open a post

Step 3: Click at the point in the post where you wish to add the button block, then click the + sign.

click the plus button

Step 4: Scroll down and choose the Layout Elements tab.

click the layout elements tab

Step 5: Click the Button option.

click the button option

Step 6: Click on the button and enter the display text, then add the URL for the page that will open when the button is clicked.

how to add a button to a wordpress post

Step 7: Choose the button and text color from the column at the right side of the window.

choose the button and text colors

You can use a similar method to add some other elements to your posts as well. Find out how to add a table in WordPress without using any custom HTML or a plugin.

Matthew Burleigh
Matthew Burleigh

Matt has been working with WordPress and creating content using this powerful content management system for years. While he has written about many other tech topics, WordPress is one of his favorites.

You can read his full bio here.

Join Our Free Newsletter

WordPress guides and deals

You may opt out at any time.
Read our Privacy Policy

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on Reddit (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Pinterest (Opens in new window)

Related

Primary Sidebar

Join Our Free Newsletter

WordPress guides and deals

You may opt out at any time.
Read our Privacy Policy

Recent Posts

  • How to Add a TXT DNS Record in Cloudflare
  • How to Enable or Disable User Registration in WordPress
  • How to Install and Configure the WP Rocket Plugin
  • How to Make WordPress Not Organize my Uploads into Month and Year-Based Folders
  • How to Turn on Cloudflare Hotlink Protection

Site Info

  • Domain Name - Hostgator
  • Hosting - Cloudways
  • Theme Framework - Genesis
  • Child Theme - Smart Passive Income Pro
  • Site Speed - WP Rocket

Archives

  • November 2022
  • October 2022
  • May 2022
  • July 2020
  • September 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • July 2018
  • December 2016
  • November 2016

Categories

  • Comments
  • Genesis
  • Getting Started
  • Hosting
  • Jetpack
  • Navigation
  • Plugins
  • Settings
  • Sidebar
  • Themes
  • Writing
  • Affiliate Disclosure
  • Privacy Policy
  • FAQ
  • About
  • Contact

Copyright © 2023 AnswerYourTech.com

 

Loading Comments...
 

You must be logged in to post a comment.