Good Examples of WordPress Custom Meta Boxes UI

If you purchase through a link on our site, we may earn a commission. Learn more.

Just a couple of interesting screenshots to serve as UI inspiration when building plugins. Here we can see some interesting uses of metaboxes.
Table of Contents
WP Engine High Performance Hosting
BionicWP Hosting

Just a couple of interesting screenshots to serve as UI inspiration when building plugins. Here we can see some interesting uses of metaboxes.

From WooCommerce

woocommerce

From NGFB Open Graph+

open graph

Know of any other advanced implementations of custom meta boxes? Let us know!

If you enjoyed this post, make sure to subscribe to WP Mayor’s RSS feed.

Jean Galea

Jean Galea is an investor, entrepreneur, and blogger. He is the founder of WP Mayor, the plugins WP RSS Aggregator and Spotlight, as well as the Mastermind.fm podcast. His personal blog can be found at jeangalea.com.

Discover more from our archives ↓

Popular articles ↓

4 Responses

  1. Hello Jean,

    Please what plugin do you suggest for editing meta box titles? either for wordpress meta boxes or meta boxes introduced by other plugins like woocommerce?

    1. That’s an interesting question Victor, I haven’t come across any plugins which do that, but do let us know if you come across any yourself.

  2. Nice but as a wordpress novice, are there any good tutorials you could point to which teach how to actually make a good looking interface? I use toolset extensivly, and while the use of Custom Fields with types is fairly easy, one of the areas lacking is a good looking UI. So I was wondering if I could somehow create a custom UI for all the different CPT’s and CF’s I create with toolset?

    1. Hey Marcel, check out the WP UI style guide for starters: .

      With Toolset I think you’re stuck with the styles that it creates, but you can always make suggestions to the developer if you want something different.

      Here’s another excellent guide on implementing UI in WordPress:

Share Your Thoughts

Your email address will not be published. Required fields are marked *

Claim Your Free Website Tip 👇

Leave your name, email and website URL below to receive one actionable improvement tip tailored for your website within the next 24 hours.

"They identified areas for improvement that we had not previously considered." - Elliot

By providing your information, you'll also be subscribing to our weekly newsletter packed with exclusive content and insights. You can unsubscribe at any time with just one click.