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

Cómo crear el organigrama de su empresa en WordPress

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quieres crear el organigrama de tu empresa en WordPress?

Los organigramas pueden ayudar a los clientes potenciales a saber más acerca de su empresa y a encontrar a la persona de contacto adecuada. Si tiene muchos empleados, un organigrama también puede ayudar a los distintos equipos a comunicarse y trabajar juntos más fácilmente.

En este artículo, le mostraremos cómo crear un organigrama de empresa en WordPress.

How to create your company org chart in WordPress

¿Por qué crear el organigrama de su empresa en WordPress?

Un organigrama muestra cómo está estructurada una empresa, desde el director general hasta los distintos equipos y empleados individuales de cada equipo.

Un organigrama útil puede ayudar a los empleados a entender cómo están estructurados los demás equipos y con quién tienen que ponerse en contacto en cualquier situación.

Un organigrama también puede ser útil para terceros. Por ejemplo, si está creando un portal de clientes, un organigrama puede ayudarles a encontrar a la persona de contacto más adecuada.

Incluso puede añadir un organigrama de la empresa a su sitio público de WordPress, para mostrar el lado humano de su negocio y mejorar la reputación de su marca.

Dicho esto, veamos cómo crear y gestionar fácilmente un organigrama de empresa en WordPress.

Cómo crear el organigrama de su empresa en WordPress

La forma más sencilla de construir un organigrama de empleados es utilizando Organigrama.

Con este plugin gratuito de WordPress para organigramas, puedes crear organigramas utilizando un sencillo editor visual, y añadir imágenes, enlazes, texto y ventanas emergentes al organigrama de tu empresa.

An org chart, created using WordPress

Lo primero que debe hacer es instalar y activar el plugin de WordPress para organigramas. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Después de activar el plugin gratuito, vaya a Wpdevart Chart ” Charts. A continuación, haga clic en el botón “Añadir nuevo”.

How to create a company org chart in WordPress

Esto inicia el editor visual de fácil uso.

Para empezar, escriba un título para el organigrama de la empresa. Esto es sólo para su referencia por lo que puede utilizar cualquier cosa que desee.

Adding a title to a company organizational chart

Por defecto, el organigrama añade un elemento a la plantilla del organigrama. Normalmente, lo convertirá en la cabeza de su organización, como el jefe de equipo o el director general.

Para añadir más personas al gráfico, basta con pasar el cursor por encima del elemento por defecto. Ahora verás dos pequeños iconos: un lápiz y una flecha.

Sigue adelante y haz clic en la flecha, que añade un elemento justo debajo del primero.

Building an organizational chart in WordPress using a plugin

Ahora, simplemente pasa el ratón por encima de este nuevo elemento y verás tres flechas.

Esto le permite añadir otro elemento a la derecha o a la izquierda de esta persona. Normalmente, las personas del mismo nivel en un organigrama tienen el mismo cargo o responsabilidades similares.

Adding multiple levels to a company org chart

También puede hacer clic en la flecha que apunta hacia abajo para crear un nuevo nivel por debajo de esta persona. Normalmente, en un organigrama, las personas dependen de la persona que está por encima de ellas.

Al pasar el cursor sobre cada elemento y hacer clic en las distintas flechas, puedes crear fácilmente la estructura de tu empresa. Esto incluye varias ramas / sucursales o equipos diferentes.

Customizing a company employee chart

El siguiente paso es añadir contenido a cada elemento, como el nombre de la persona, la foto del autor o la dirección de correo electrónico.

Para empezar, pasa el cursor por encima de cualquier elemento y haz clic en el icono del lápiz pequeño.

Adding content to a company staff chart

En el mensaje / ventana emergente que aparece, tendrás que añadir una foto de la persona.

Haga clic en el botón “Subir” y elija una imagen de la biblioteca de medios de WordPress o suba una nueva imagen desde su ordenador.

Adding employee images to a hierarchical chart

A continuación, escribe un “Título”, que aparecerá justo debajo de la foto de la persona. Lo más habitual es utilizar el nombre de la persona.

A continuación, puede añadir una “Descripción”, que aparecerá debajo del título. Normalmente, querrá escribir el cargo de la persona, pero también puede añadir una breve frase acerca de su perfil.

Adding a title to an employee chart

A continuación, puede añadir un enlace a la imagen, el título o la descripción. Por ejemplo, puede enlazar a un formulario de contacto de la persona o quizá a una página en la que los clientes potenciales puedan ver el porfolio de diseño o fotografía del empleado.

Para ello, escriba la URL que desea utilizar. A continuación, elija el área en la que desea añadir el enlace utilizando los ajustes de la sección “Seleccionar el área de enlace”. Por ejemplo, puede añadir un enlace a la imagen o a la descripción de la persona.

Adding links to a staff chart

Por defecto, el enlace se abre en la misma pestaña. Puede que prefieras enlazar en una pestaña nueva, sobre todo si utilizas una URL externa. Para ello, sólo tienes que marcar / comprobar la casilla siguiente a “Abrir la URL en una pestaña nueva”.

Puede que desee mostrar más información acerca de cada persona en el organigrama de la empresa. Por ejemplo, puede añadir su dirección de correo electrónico y número de teléfono, su biografía, una descripción más detallada de su trabajo o cualquier otra información que desee.

Este plugin te permite crear una ventana emergente para cada persona. De este modo, puede mostrar información detallada sin que el gráfico resulte complicado o recargado.

Para añadir una ventana emergente, basta con hacer clic en la pestaña “Ventana emergente”.

Adding popups to a staff chart in WordPress

Ahora puedes escribir tus mensajes en el pequeño editor de texto. Este editor tiene todo el formato estándar de WordPress, por lo que puede añadir enlaces, crear una lista de viñetas, utilizar el formato de texto en negrita y cursiva, y mucho más.

Cuando esté satisfecho con la información que ha introducido, puede especificar cómo abrirán los visitantes la ventana emergente utilizando los ajustes que aparecen a continuación de “Seleccionar el área de la ventana emergente”.

How to add popups to a business website

Una vez hecho esto, haga clic en “Actualizar”.

Ahora, simplemente repita este proceso para cada persona en el organigrama de la empresa.

Building an employee page using WordPress

Cuando estés satisfecho con el aspecto del gráfico, haz clic en el botón “Guardar”.

Después de eso, es hora de añadir el gráfico a tu blog o sitio web de WordPress. Solo tienes que abrir el editor de Gutenberg para la página o entrada en la que quieras mostrar el organigrama de la empresa y, a continuación, hacer clic en el icono “+”.

En el mensaje / ventana emergente que aparece, escribe ‘Organigrama WpDevArt’. Cuando aparezca el bloque adecuado, haz clic en él para añadirlo a la página.

Adding a block to a WordPress website

Una vez hecho esto, abra el menú desplegable “Seleccionar un árbol” y elija el organigrama que creó anteriormente.

Cuando esté listo para publicar el organigrama, haga clic en los botones “Actualizar” o “Publicar”.

Publishing an organizational chart in WordPress

Ahora, puede visitar el sitio web de su empresa para ver el organigrama en acción.

Si utiliza un tema clásico de WordPress, también es posible añadir el organigrama como widget. Simplemente vaya a Apariencia “ Widgets y haga clic en el botón ‘+ Añadir Widget’ en cualquier área de widget.

A continuación, busca y selecciona el widget “Organigrama de Wpdevart”.

Adding the organization chart as a widget

Como antes, sólo tienes que seleccionar el organigrama que creaste anteriormente.

Una vez hecho esto, haga clic en el botón “Actualizar” para que se apliquen los cambios.

Selecting an organization chart to display in a WordPress widget

Bonificación: Guías para mejorar la presencia en línea de su empresa

Si tienes un equipo grande, entonces mostrar tu organigrama en tu sitio web WordPress es una gran idea para presentar a clientes potenciales y empleados al resto del equipo.

Si quieres llevar más lejos la presencia online de tu negocio, marca / comprueba estos tutoriales y recursos de WordPress:

Esperamos que este artículo te haya ayudado a aprender cómo crear el organigrama de tu empresa en tu sitio web de WordPress. Quizás también quieras ver nuestra guía sobre cómo crear flujos de trabajo automatizados en WordPress y nuestra selección experta del mejor software de chat en vivo para pequeñas empresas.

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.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso 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.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

4 comentariosDeja una respuesta

  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 :)

      Administrador

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.