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

Como criar o organograma de sua empresa no WordPress

Depois de anos desenvolvendo sites WordPress, aprendemos que há um elemento obrigatório que todos os sites de negócios devem ter: um organograma claro.

Pense nisso. Você já visitou o site de uma empresa e se perguntou quem é o responsável pelo quê? Ou talvez seja um funcionário tentando descobrir com quem entrar em contato sobre um problema específico. É aí que um organograma é útil.

O WordPress não tem um bloco interno para criar organogramas, mas encontramos um ótimo plug-in exatamente para essa finalidade. E este guia mostrará a você como fazê-lo.

How to create your company org chart in WordPress

Por que criar um organograma da empresa para seu site WordPress?

Um organograma mostra como uma empresa está estruturada, desde o CEO até as diferentes equipes e os funcionários individuais de cada equipe.

Talvez você queira adicionar um organograma da empresa ao seu blog público do WordPress ou até mesmo à página de destino, para mostrar o lado humano da sua empresa e melhorar a reputação da sua marca.

Um organograma útil também pode ajudar os funcionários a entender como as outras equipes estão estruturadas e com quem eles precisam entrar em contato em qualquer situação.

Além disso, um organograma pode ser útil para terceiros. Por exemplo, se você estiver criando um portal do cliente, um organograma pode ajudar os clientes a encontrar a melhor pessoa para entrar em contato.

Dito isso, vamos dar uma olhada em como criar e gerenciar facilmente um organograma da empresa no WordPress.

Como criar o organograma de sua empresa no WordPress

A maneira mais fácil de criar um organograma de funcionários é usar o Organization Chart.

Com esse plug-in gratuito de organograma do WordPress, você pode criar gráficos usando um editor visual simples e adicionar imagens, links, texto e pop-ups ao organograma da sua empresa.

An org chart, created using WordPress

A primeira coisa que você precisa fazer é instalar e ativar o plug-in do organograma do WordPress. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Depois de ativar o plug-in gratuito, vá para Wpdevart Chart ” Charts. Em seguida, clique no botão “Add New” (Adicionar novo).

How to create a company org chart in WordPress

Isso abre o editor visual de fácil utilização.

Para começar, digite um título para o organograma da empresa. Isso é apenas para sua referência, portanto, você pode usar o que quiser.

Adding a title to a company organizational chart

Por padrão, o organograma adiciona um elemento ao modelo de gráfico. Normalmente, você transformará esse elemento no chefe da organização, como o líder da equipe ou o CEO.

Para adicionar mais pessoas ao gráfico, basta passar o mouse sobre o elemento padrão. Agora você verá dois pequenos ícones: um lápis e uma seta.

Clique na seta, que adiciona um elemento diretamente abaixo do primeiro.

Building an organizational chart in WordPress using a plugin

Agora, basta passar o mouse sobre esse novo elemento e você verá três setas.

Isso permite que você adicione outro elemento à direita ou à esquerda dessa pessoa. Normalmente, as pessoas no mesmo nível em um organograma têm o mesmo cargo ou responsabilidades semelhantes.

Adding multiple levels to a company org chart

Você também pode clicar na seta apontando para baixo para criar um novo nível abaixo dessa pessoa. Normalmente, as pessoas se reportam à pessoa que está acima delas em um organograma.

Ao passar o mouse sobre cada elemento e clicar nas diferentes setas, você pode criar facilmente a estrutura da sua empresa para o seu site WordPress. Isso inclui várias filiais ou equipes diferentes.

Customizing a company employee chart

A próxima etapa é adicionar conteúdo a cada elemento, como o nome da pessoa, a foto do autor ou o endereço de e-mail.

Para começar, passe o mouse sobre qualquer elemento e clique no pequeno ícone de lápis.

Adding content to a company staff chart

Na janela pop-up que aparece, você precisará adicionar uma foto da pessoa.

Clique no botão “Upload” e, em seguida, escolha uma imagem da biblioteca de mídia do WordPress ou carregue uma nova imagem do seu computador.

Adding employee images to a hierarchical chart

Depois disso, digite um “Título”, que aparecerá logo abaixo da foto da pessoa. Normalmente, você deve usar o nome da pessoa.

Em seguida, você pode adicionar uma “Descrição”, que aparecerá abaixo do título. Normalmente, você deve digitar o cargo da pessoa, mas também pode adicionar uma frase curta sobre a função dela.

Adding a title to an employee chart

Em seguida, talvez você queira adicionar um link à imagem, ao título ou à descrição. Por exemplo, você pode criar um link para um formulário de contato da pessoa ou talvez uma página em que os clientes em potencial possam ver o portfólio do funcionário.

Para fazer isso, basta digitar o URL que deseja usar. Em seguida, escolha a área em que deseja adicionar o link usando as configurações na seção “Selecionar a área do link”. Por exemplo, você pode adicionar um link à imagem ou à descrição da pessoa.

Adding links to a staff chart

Por padrão, o link é aberto na mesma guia. Talvez você prefira abrir o link em uma nova guia, principalmente se estiver usando um URL externo. Para fazer isso, basta marcar a caixa ao lado de “Abrir o URL em uma nova guia”.

Talvez você queira mostrar mais informações sobre cada pessoa no organograma da empresa. Por exemplo, você pode adicionar o endereço de e-mail comercial e o número de telefone, a biografia, uma descrição mais detalhada do cargo ou qualquer outra informação que desejar.

Esse plug-in permite que você crie um pop-up para cada pessoa. Dessa forma, você pode mostrar informações detalhadas sem fazer com que o gráfico pareça complicado ou com muito texto.

Para adicionar um pop-up, basta clicar na guia “Pop-up”.

Adding popups to a staff chart in WordPress

Agora você pode digitar suas mensagens no pequeno editor de texto. Esse editor tem toda a formatação padrão do WordPress, portanto, você pode adicionar links, criar uma lista de marcadores, usar formatação de texto em negrito e itálico e muito mais.

Quando estiver satisfeito com as informações inseridas, você poderá especificar como os visitantes abrirão o pop-up usando as configurações ao lado de ‘Select the Popup area’.

How to add popups to a business website

Feito isso, clique em “Update” (Atualizar).

Agora, basta repetir esse processo para cada pessoa no organograma da empresa.

Building an employee page using WordPress

Quando estiver satisfeito com a aparência do gráfico, clique no botão “Save” (Salvar).

Depois disso, é hora de adicionar o gráfico ao seu blog ou site. Basta abrir o editor do Gutenberg para a página ou postagem em que você deseja exibir o organograma da empresa e clicar no ícone “+”.

Na janela pop-up que aparece, digite “WpDevArt organization chart”. Quando o bloco correto for exibido, clique nele para adicioná-lo à página.

Adding a block to a WordPress website

Feito isso, abra o menu suspenso “Select a Tree” (Selecionar uma árvore) e escolha o organograma que você criou anteriormente.

Quando estiver pronto para publicar o organograma, clique no botão “Update” (Atualizar) ou “Publish” (Publicar).

Publishing an organizational chart in WordPress

Agora, você pode visitar o site da sua empresa para ver o organograma da empresa em ação.

Se você usa um tema clássico do WordPress, também é possível adicionar o organograma como um widget. Basta acessar Appearance “ Widgets e clicar no botão “+ Add Widget” em qualquer área de widget.

Em seguida, localize e selecione o widget ‘Wpdevart organization chart’.

Adding the organization chart as a widget

Como antes, basta selecionar o organograma que você criou anteriormente.

Quando terminar, clique no botão “Update” (Atualizar) para ativar as alterações.

Selecting an organization chart to display in a WordPress widget

Esperamos que este artigo tenha ajudado você a aprender como criar o organograma da sua empresa no seu site WordPress. Talvez você também queira ver nosso guia sobre como criar uma página personalizada no WordPress e nossa lista com os melhores exemplos e modelos de páginas em breve.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

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.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

3 ComentáriosDeixe uma resposta

  1. Ralph

    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

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

      Administrador

  2. Friday Alex

    Have been lookin for this plugin to customize my start-up!

    Thank you very for this post.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.