Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
25 Million+
Websites using our plugins
Years of WordPress experience
WordPress tutorials
by experts

How to Create Your Company Org Chart in WordPress

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

Do you want to create your company org chart in WordPress?

Organizational charts can help potential customers learn more about your business and find the right person to contact. If you have lots of employees, then an org chart can also help different teams communicate and work together more easily.

In this article, we will show you how to create a company org chart in WordPress.

How to create your company org chart in WordPress

Why Create Your Company Org Chart in WordPress?

An organizational chart shows how a company is structured, from the CEO right through to the different teams and individual employees within each team.

A helpful organizational chart can help employees understand how other teams are structured, and who they need to contact in any situation.

A chart may also be useful to third parties. For example, if you’re creating a client portal then an org chart can help clients find the best person to contact.

You might even add a company org chart to your public WordPress site, to show the human side of your business and improve your brand’s reputation.

That being said, let’s take a look at how to easily create and manage a company organizational chart in WordPress.

How to Create Your Company Org Chart in WordPress

The easiest way to build an employee chart is by using Organization Chart.

With this free WordPress organization chart plugin, you can create charts using a simple visual editor, and add images, links, text, and popups to your company org chart.

An org chart, created using WordPress

The first thing you need to do is install and activate the org chart WordPress plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

After activating the free plugin, go to Wpdevart Chart » Charts. Then, click on the ‘Add New’ button.

How to create a company org chart in WordPress

This launches the user-friendly visual editor.

To start, type in a title for the company org chart. This is just for your reference so you can use anything you want.

Adding a title to a company organizational chart

By default, the Organization Chart adds one element to the chart template. Typically, you’ll turn this into the head of your organization, such as the team leader or CEO.

To add more people to the chart, simply hover over the default element. You’ll now see two small icons: a pencil and an arrow.

Go ahead and click on the arrow, which adds one element directly below the first one.

Building an organizational chart in WordPress using a plugin

Now, simply hover your mouse over this new element and you’ll see three arrows.

This allows you to add another element to the right or left of this person. Typically, people on the same level in an org chart have the same job title or similar responsibilities.

Adding multiple levels to a company org chart

You can also click on the downwards-pointing arrow to create a new level below this person. Usually, people will report to the person above them in an org chart.

By hovering over each element and clicking on the different arrows, you can easily create your company’s structure. This includes multiple different branches or teams.

Customizing a company employee chart

The next step is adding content to each element, such as the person’s name, author photo, or email address.

To get started, hover over any element and then click on the small pencil icon.

Adding content to a company staff chart

In the popup that appears, you’ll need to add a photo of the person.

Go ahead and click on the ‘Upload’ button and then either choose an image from the WordPress media library or upload a new image from your computer.

Adding employee images to a hierarchical chart

After that, type in a ‘Title,’ which will appear directly below the person’s picture. Typically, you’ll want to use the person’s name.

You can then add a ‘Description,’ which will appear beneath the title. Usually, you’ll want to type in the person’s job title, but you can also add a short sentence about their role.

Adding a title to an employee chart

Next, you may want to add a link to the image, title, or description. For example, you might link to a contact form for the person or maybe a page where potential clients can see the employee’s design or photography portfolio.

To do this, simply type in the URL you want to use. Then, choose the area where you want to add the link using the settings in the ‘Select the link area’ section. For example, you might add a link to the person’s image or description.

Adding links to a staff chart

By default, the link opens in the same tab. You may prefer to open the link in a new tab, particularly if you’re using an external URL. To do this, simply check the box next to ‘Open the URL in a new tab.’

You may want to show more information about each person in the company org chart. For example, you could add their business email address and phone number, bio, a more detailed job description, or any other information you want.

This plugin lets you create a popup for each person. In this way, you can show detailed information without making the chart look complicated or text-heavy.

To add a popup, simply click on the ‘Popup’ tab.

Adding popups to a staff chart in WordPress

You can now type your messaging into the small text editor. This editor has all the standard WordPress formatting, so you can add links, create a bullet point list, use bold and italic text formatting, and more.

When you’re happy with the information you’ve entered, you can specify how visitors will open the popup using the settings next to ‘Select the Popup area.’

How to add popups to a business website

With that done, click on ‘Update.’

Now, simply repeat this process for every person in the company org chart.

Building an employee page using WordPress

When you’re happy with how the chart looks, click on the ‘Save’ button.

After that, it’s time to add the graph to your WordPress blog or website. Simply open the Gutenberg editor for the page or post where you want to show the company org chart, and then click on the ‘+’ icon.

In the popup that appears, type in ‘WpDevArt organization chart.’ When the right block shows up, give it a click to add it to the page.

Adding a block to a WordPress website

That done, open the ‘Select a Tree’ dropdown and choose the org chart you created earlier.

When you’re ready to make the org chart live, click on either the ‘Update’ or ‘Publish’ button.

Publishing an organizational chart in WordPress

Now, you can visit your business website to see the company org chart in action.

If you use a classic WordPress theme, it is also possible to add the organization chart as a widget. Simply go to Appearance » Widgets and click the ‘+ Add Widget’ button on any widget area.

Then, find and select the ‘Wpdevart organization chart’ widget.

Adding the organization chart as a widget

Like before, just select the organization chart you created earlier.

Once done, click the ‘Update’ button to make the changes live.

Selecting an organization chart to display in a WordPress widget

Bonus: Guides to Improve Your Business Online Presence

If you have a large team, then displaying your organization chart on your WordPress website is a great idea to introduce potential customers and employees to the rest of the team.

If you want to take your business online presence further, check out these WordPress tutorials and resources:

We hope this article helped you learn how to create your company org chart on your WordPress website. You may also want to see our guide on how to create automated workflows in WordPress, and our expert pick of the best live chat software for small businesses.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

4 CommentsLeave a Reply

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ralph says

    This looks like a great way to present company structure in easy visaul way. Most people have no idea about hierarchy and what a CEO, CFO, COO, CIO, CTO, CMO even is. This can definitely help.

    • WPBeginner Support says

      It can definitely be good to have a visual guide on who to get in touch with for what :)


Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.