Los visitantes de su sitio web quieren saber quién está detrás de la marca. Un bien diseñado miembro del equipo Elementor la sección pone caras a su negocio, genera confianza y hace que su sitio parezca más personal que corporativo. ¿El problema? Elementor no se envía con un widget dedicado para miembros del equipo listo para usar.
Ahí es donde Complementos maestros para Elementor entra. Le ofrece dos widgets especialmente diseñados para esto: el Miembro del equipo MA widget (para diseños de cuadrícula) y el Carrusel de miembros del equipo MA (para secciones deslizantes del equipo). Ambos son gratuitos y ambos vienen con 11 variaciones de diseño únicas que puedes aplicar con un solo clic.
En esta guía, aprenderás exactamente cómo hacerlo cree una sección de miembros del equipo en Elementor utilizando ambos métodos, personaliza el estilo y aprovecha al máximo cada opción de diseño disponible.
Por qué cada sitio web necesita una sección de miembros del equipo
La gente compra a la gente. Un estudio realizado por el Trust Barometer de Edelman encontró que es mucho más probable que los consumidores confíen en una empresa cuando pueden ver personas reales detrás de ella. Su página “Acerca de” o “Equipo” suele ser una de las páginas más visitadas de todo su sitio.
Esto es lo bueno sección de miembros del equipo en Elementor lo hace para su sitio web:
- Construye credibilidad « Los visitantes pueden ver con quién están trabajando antes de comunicarse
- Crea conexiones personales « Las fotos y las biografías breves hacen que tu marca sea identificable
- Aumenta las conversiones « Las señales de confianza, como las fotos del equipo, reducen las dudas al comprar
- Mejora la marca del empleador « Mostrar tu equipo atrae a mejores solicitantes de empleo
- Reduce las tasas de rebote « Las secciones visuales atractivas mantienen a los visitantes en la página por más tiempo
Ya sea que dirija una pequeña agencia, una empresa SaaS o una empresa local, agregar una sección de equipo a su sitio de WordPress toma 10 minutos y genera un impacto mensurable.
Qué incluir en la sección de miembros de su equipo
Antes de arrastrar cualquier widget a la página, planifique qué información debe mostrar cada tarjeta de equipo. Aquí hay un desglose rápido de qué incluir y qué omitir:
| Elemento | Prioridad | Por qué es importante |
|---|---|---|
| Foto | Esencial | Las personas procesan las caras más rápido que el texto. Utilice disparos a la cabeza consistentes y profesionales. |
| Nombre | Esencial | Debe aparecer directamente al lado o debajo de la foto para que la conexión sea instantánea. |
| Designación / Título profesional | Esencial | Les dice a los visitantes qué papel juega esta persona en el equipo. |
| Breve descripción | Recomendado | Una biografía de 1-2 oraciones. Mantenlo impulsado por lo humano y la personalidad. |
| Enlaces a redes sociales | Recomendado | Permite a los visitantes conectarse en LinkedIn, Twitter u otros canales. |
| Correo electrónico o teléfono | Opcional | Agregue solo si desea contacto directo (común para equipos con muchas ventas). |
Consejo profesional: Mantenga las fotografías de cabeza consistentes en todo el equipo. El mismo color de fondo, recortes similares y dimensiones de imagen coincidentes (300x300px o 400x400px funcionan bien) hacen que toda la sección luzca pulida.
Lo que necesitarás antes de comenzar
Para seguir este tutorial, asegúrate de tener:
- WordPress instalado y ejecutándose (cualquier versión reciente)
- Elementor (gratis o Pro) « esto funciona con ambos
- Complementos maestros para Elementor (versiune gratuită) « descargar desde WordPress.org
- Fotos de miembros del equipo listas para cargar (se recomiendan fotografías de cabeza, proporción cuadrada)
Una vez que Master Addons esté instalado y activado, encontrarás el Miembro del equipo MA y Carrusel de miembros del equipo MA widgets dentro del editor Elementor en la pestaña “ADUJOS MAESTROS”.
Cómo crear una sección de cuadrícula de miembros del equipo Elementor
El diseño de la cuadrícula es perfecto cuando desea mostrar su equipo en un formato limpio y estructurado con varias columnas. Aquí se explica cómo configurarlo paso a paso:
Paso 1: Inserte una nueva sección
Abra cualquier página en el editor Elementor. Haga clic en el icono “+” para agregar una nueva sección. Elija su estructura de columna preferida. Para una sección de equipo, un diseño de 3 o 4 columnas funciona mejor.
Paso 2: agregue una sección interior
Si necesita más control sobre el espaciado y el diseño, arrastre un Sección Interior widget dentro de tu sección principal. Esto le proporciona columnas anidadas donde cada tarjeta de miembro del equipo se encuentra de forma independiente.
Crea tantas columnas como necesites para el tamaño de tu equipo. Tres columnas por fila es la opción más común para pantallas de escritorio.
Paso 3: arrastre el widget para miembros del equipo MA
En el panel Elementor de la izquierda, desplácese hacia abajo hasta COMPLEMENTOS MAESTROS pestaña (o simplemente busque “Miembro del equipo MA” en la barra de búsqueda). Arrastra el Miembro del equipo MA widget en una de tus columnas.
Inmediatamente verás aparecer una tarjeta de miembro del equipo predeterminada con una imagen de marcador de posición, nombre, designación e íconos sociales.
Paso 4: Repita para cada miembro del equipo
Duplica el widget o arrastra un nuevo Miembro del equipo MA widget en cada columna restante. Cada widget representa un miembro del equipo, por lo que tienes control total sobre las tarjetas individuales.
Consejo profesional: Haga clic derecho en el widget y seleccione “Duplicar” para copiarlo con todo su estilo intacto. Luego simplemente intercambie la foto y el texto por cada nuevo miembro del equipo.
Personalización del contenido del widget para miembros del equipo Elementor
Haga clic en cualquiera Miembro del equipo MA widget para abrir su configuración. El Pestaña Contenido es donde agregas todos los datos personales de cada miembro del equipo.
Detalles de los miembros del equipo
La pestaña Contenido en el widget de miembro del equipo Elementor te da campos para:
- Imagen «Subir foto de cabeza o de equipo. También puedes configurar el tamaño de la imagen y elegir una relación de aspecto personalizada.
- Nombre « El nombre completo del miembro del equipo. Esto se traduce como una etiqueta de encabezado, así que elija una etiqueta HTML apropiada (H3 o H4 es típico de las tarjetas de equipo).
- Designación « Título del puesto, rol o puesto (por ejemplo, “Diseñador principal” o “Cofundador y director ejecutivo”).
- Descripción « Una breve biografía o eslogan. Manténgalo en 1 o 2 oraciones para obtener la apariencia más limpia.
Perfiles de redes sociales
Debajo de los detalles principales encontrarás la sección de redes sociales. Agregue enlaces a los perfiles de cada miembro del equipo. El widget es compatible con todas las plataformas principales, incluidas:
- Gorjeo / X
- GitHub
- Url personalizadas con iconos personalizados
Los enlaces sociales aparecen como pequeños íconos debajo de la información del miembro del equipo. Se abren en una nueva pestaña de forma predeterminada, por lo que los visitantes no abandonarán su página.
Pestaña Estilo: Variaciones de diseño y ajustes preestablecidos
Aquí es donde el Miembro del equipo MA widget realmente se destaca de las soluciones básicas de Elementor. En lugar de crear diseños de tarjetas de equipo desde cero, obtienes 11 variaciones de diseño únicas y 5 ajustes preestablecidos de estilo elegir entre.
Variaciones de diseño
Haga clic en el Pestaña Estilo, luego abre el Estilos generales panel. Encontrarás un menú desplegable denominado “Variación de diseño”. Elija cualquiera de las 11 opciones y el widget reestructurará instantáneamente el diseño de la tarjeta. Algunas variaciones apilan la imagen sobre el texto. Otros usan diseños uno al lado del otro. Algunos agregan efectos de superposición al pasar el cursor.
La mejor parte: cambiar entre variaciones no borra tu contenido. Tu nombre, foto, biografía y enlaces sociales permanecen intactos. Puede probar cada variación y decidir cuál coincide con el diseño de su sitio.
5 ajustes preestablecidos de estilo
Dentro del panel Estilos generales también lo encontrarás 5 ajustes preestablecidos de estilo. Estas son combinaciones de colores y diseños preconfiguradas que le brindan una apariencia pulida con un solo clic.
Controles de estilo manuales
Para un control creativo total, la pestaña Estilo también te permite personalizar:
- Color de fondo « Establece un color sólido, un degradado o un fondo transparente para cada tarjeta
- Alineación de contenidos « Izquierda, centro o derecha alinean todo el texto y los iconos
- Tipografía « Control total sobre la familia de fuentes, el tamaño, el peso, la altura de la línea y el espacio entre letras para el nombre, la designación y la descripción por separado
- Colores de texto « Diferentes colores para el nombre, designación y texto de descripción
- Colores de iconos sociales « Personaliza los colores de los iconos tanto para los estados normales como para los de desplazamiento
- Espaciado y acolchado «Afinar el espacio entre los elementos dentro de la tarjeta
- Frontera y radio fronterizo « Agregue bordes o alrededor de las esquinas de la tarjeta
- Sombra de caja « Agregue efectos de sombra sutiles para mayor profundidad
Para obtener un recorrido completo de cada opción de estilo, consulte Documentación de los miembros del equipo MA.
Cómo crear un carrusel de miembros del equipo en Elementor
¿Tienes un equipo más grande? El Carrusel de miembros del equipo MA widget te permite agregar miembros ilimitados del equipo en una única sección deslizante. Se adapta mejor cuando tienes más de 6 miembros del equipo y no quieres llenar una página completa con una cuadrícula.
Así es como carrusel de miembros del equipo en Elementor funcționează:
Paso 1: arrastre el widget del carrusel de miembros del equipo MA
A diferencia del método de cuadrícula, tú sí no necesita una sección interior o varias columnas. Simplemente agregue una nueva sección con una sola columna, luego busque “Carrusel de miembros del equipo MA” y arrástrelo hacia adentro.
Paso 2: agregue los miembros de su equipo
Dentro del widget verás un campo repetidor. Cada elemento del repetidor representa un miembro del equipo. Haga clic en “Agregar elemento” para crear nuevas tarjetas. Para cada tarjeta, complete:
- Foto
- Nombre
- Designación
- Descripción
- Enlaces a redes sociales
Puedes agregar tantos miembros del equipo como quieras. No hay límite. El carrusel maneja 5 miembros o 50 miembros con la misma facilidad.
Paso 3: establece la etiqueta de título
Defina la etiqueta de encabezado HTML para los nombres de los miembros de su equipo (H2, H3, H4, etc.). Para la mayoría de las páginas, H3 o H4 es la elección correcta ya que el encabezado de la sección anterior suele ser H2.
Configuración del carrusel: navegación, columnas y reproducción automática
El widget del carrusel viene con un panel de configuración dedicado para controlar cómo se comporta el control deslizante. Esto es lo que puedes configurar:
Columnas y elementos para desplazarse
Establezca cuántos miembros del equipo aparecen en la pantalla a la vez. Puede mostrar 2, 3, 4 o más columnas según el ancho de su diseño. La configuración “Elementos para desplazarse” controla cuántas cartas se mueven cuando un visitante hace clic en la flecha de navegación.
| Tamaño de pantalla | Columnas recomendadas | Elementos para desplazarse |
|---|---|---|
| Escritorio (1200px+) | 3-4 columnas | 1-2 |
| Tableta (768px-1199px) | 2-3 columnas | 1 |
| Móvil (por debajo de 768px) | 1 columna | 1 |
Estilo de navegación
Obtienes dos tipos de navegación:
- Flechas « Botones de flecha izquierda y derecha a los lados del carrusel. Lo mejor para computadoras de escritorio donde las interacciones flotantes son comunes.
- Puntos « Pequeños indicadores de puntos debajo del carrusel que muestran las diapositivas totales y la posición actual. Funciona bien tanto en escritorio como en dispositivos móviles.
Puedes habilitar uno, ambos o ninguno. Si activa la reproducción automática, es posible que algunos usuarios ni siquiera necesiten navegación manual.
Reproducción automática
Active la reproducción automática y establezca una duración en milisegundos. Un valor de 3000-5000 ms (3-5 segundos) brinda a los visitantes tiempo suficiente para leer cada carta antes de que se mueva el control deslizante. También puedes habilitar la pausa al pasar el cursor para que el control deslizante se detenga cuando alguien pasa el cursor sobre una carta.
Opciones de estilo carrusel
Al igual que el widget de cuadrícula, el carrusel viene con 5 ajustes preestablecidos de estilo y control manual total sobre:
- Relleno de elementos (espacio entre cada tarjeta de equipo)
- Tipografía para nombre, designación y descripción
- Colores para cada elemento de texto
- Configuración de fondo y borde por tarjeta
- Estilo y colores de flechas/puntos de navegación
Para obtener la referencia de configuración completa, consulte Documentación del carrusel de miembros del equipo.
Consejos para una mejor sección de equipo
Después de crear cientos de secciones de equipo, aquí están los pequeños detalles que separan una buena página de equipo de una excelente:
- Utilice fotografías reales, no imágenes de archivo. Los visitantes pueden notar la diferencia. Las fotografías auténticas generan más confianza que las fotografías de archivo pulidas.
- Mantenga las descripciones breves y consistentes. Si una persona tiene una biografía de 3 oraciones y otra tiene un párrafo completo, se crea un desequilibrio visual. Apunta a la misma longitud en todas las cartas.
- Haga coincidir exactamente las dimensiones de la imagen. Cargue todos los disparos a la cabeza con la misma resolución (p. ej., 400x400px). Los tamaños no coincidentes rompen la alineación de la cuadrícula.
- Incluye únicamente perfiles sociales activos. Un enlace LinkedIn muerto es peor que ningún enlace. Quédese con las plataformas que realmente utiliza su equipo.
- Prueba en móvil. Las secciones del carrusel necesitan especialmente pruebas móviles. Asegúrese de que las tarjetas sean legibles y que los puntos de navegación sean fáciles de tocar.
- Utilice el carrusel para más de 6 miembros. Si tiene entre 3 y 4 miembros del equipo, una cuadrícula parece más limpia. Guarde el carrusel para equipos más grandes donde sea necesario desplazarse.
Carrusel de miembros del equipo MA vs miembros del equipo MA: ¿cuál debería utilizar?
| Característica | Miembro del equipo MA (Grid) | Carrusel de miembros del equipo MA |
|---|---|---|
| Mejor para | Equipos pequeños (2-6 miembros) | Equipos más grandes (6+ miembros) |
| Diseño | Columnas estáticas (tú controlas la cuadrícula) | Carrusel deslizante con navegación automática/manual |
| Configuración | Un widget por miembro del equipo en las secciones internas | Widget único con campo repetidor |
| Variaciones de diseño | 11 variaciones | 5 ajustes preestablecidos de estilo |
| Navegación | No se necesita ninguno (todos visibles) | Flechas, puntos, reproducción automática |
| Espacio de página | Ocupa más espacio vertical | Compacto, ahorra espacio |
| Control de tarjeta individual | Completo (cada widget es independiente) | Estilo unificado en todas las tarjetas |
Para la mayoría de los sitios web de pequeñas empresas, el enfoque de cuadrícula con 3 o 4 miembros del equipo es el punto óptimo. Si su equipo supera las 6 personas, cambie al carrusel para mantener la página limpia.
¿quieres explorar la lista completa de widgets disponibles? Mira el biblioteca completa de widgets de complementos maestros con más de 80 widgets y extensiones.
Preguntas frecuentes
¿elementor tiene un widget de miembro del equipo incorporado?
No. Elementor (gratis o profesional) no incluye un widget dedicado para miembros del equipo. Necesitas un complemento de terceros como Complementos maestros para conseguir un diseño específico widget de miembro del equipo Elementor con ajustes preestablecidos de diseño, enlaces sociales y opciones de carrusel.
¿el widget MA Team Member es gratuito?
Sí. Tanto el widgets MA Team Member como el MA Team Members Carousel están disponibles en la versión gratuita de Master Addons para Elementor. Puedes descárgalo desde WordPress.org sin costo. Algunas variaciones de diseño avanzadas pueden requerir la versión Pro.
¿cuántos miembros del equipo puedo agregar al carrusel?
No hay límite. El carrusel de miembros del equipo MA utiliza un campo repetidor, por lo que puedes agregar tantos miembros del equipo como necesites tu página. El widget maneja 5 o 50 tarjetas sin problemas de rendimiento. Simplemente configure las columnas visibles y deje que el control deslizante se encargue del resto.
¿Puedo utilizar diferentes diseños para diferentes miembros del equipo?
Con el diseño de cuadrícula (widget MA Team Member), sí. Dado que cada miembro del equipo es un widget independiente, puedes aplicar una variación de diseño diferente a cada tarjeta. En el carrusel, todas las tarjetas comparten el mismo diseño preestablecido para lograr coherencia visual.
¿Qué tamaño de imagen debo usar para las fotos de los miembros del equipo?
Las imágenes cuadradas entre 300x300px y 500x500px funcionan mejor. Mantenga todas las fotos con las mismas dimensiones para una alineación constante. El formato JPEG o WebP con una calidad del 80% le brinda una buena calidad visual sin tamaños de archivos grandes que ralenticen su página.
Lectura relacionada
Envolviendo
Creando un sección de miembros del equipo en Elementor no requiere código personalizado ni costosos complementos de creación de páginas. Con los dos widgets del equipo de Master Addons, puedes pasar de una sección en blanco a una página del equipo completamente diseñada en menos de 10 minutos.
Para equipos pequeños, utilice el Miembro del equipo MA widget en un diseño de cuadrícula. Para equipos más grandes, cambie al Carrusel de miembros del equipo MA para un control deslizante que ahorra espacio. Ambas opciones le brindan ajustes preestablecidos de diseño, integración de redes sociales y controles completos de tipografía y color.
Comience con complementos maestros y cree una sección de equipo en la que sus visitantes realmente confiarán.
