Base de conocimiento

Obtén hosting web experto

Elija la fiabilidad del sitio web y el conocimiento con SiteGround!

Inicio / Website Builder / Edición de Páginas y Contenido / Cómo mostrar a tu equipo en una página

Cómo mostrar a tu equipo en una página

Lee y resume el articulo:
Última actualización: Jun 04, 2026 2 min de lectura

Mostrar a tu equipo en tu sitio web ayuda a los visitantes a conocer a las personas detrás de tu negocio.

Puedes presentar a tu equipo creando una nueva página de Equipo o agregando una sección de Equipo a una página existente.

Cómo presentar a tu equipo en una nueva página

Para crear una nueva página de Equipo:

  1. Ve a Site Admin y haz clic en Editar sitio web.
    Website Builder dashboard with Edit Website button highlighted
  2. Abre la pestaña Páginas y haz clic en Añadir nuevo.
    Pages panel in website builder with “Add New” button highlighted to create a new page.
  3. En la biblioteca de páginas, selecciona Nuestro equipo.
    “Add New Page” modal showing template options with “Our team” page selected.
  4. Elige un diseño y haz clic en Añadir página.

La nueva página se añadirá a tu sitio.

Luego puedes actualizar la configuración de la página desde el panel de Configuración, incluyendo:

  • Estado de la página
  • Nombre de la página
  • URL de la página
Page settings panel showing draft status, page name “Our Team,” and URL slug configuration.

Después, reemplaza el texto y las imágenes de ejemplo con los nombres, roles, fotos y descripciones de tu equipo.

Cómo presentar a tu equipo en una página existente

Para añadir una sección de Equipo a una página existente:

  1. Ve a Sitio Admin y haz clic en Editar sitio web.
    Website Builder dashboard with Edit Website button highlighted
  2. Abre la pestaña Páginas y selecciona la página donde quieres mostrar a tu equipo.
    Pages panel with About Us page selected in Website Builder
  3. Desplázate hasta la posición deseada y haz clic en Añadir sección.
    Add Section modal with layout preview and Add Section button highlighted
  4. En la biblioteca de secciones, selecciona Equipo, elige un diseño y haz clic en Añadir sección.
    “Add Section” panel highlighting the Team section template with preview and add button.
  5. Para personalizarla, pasa el ratón sobre la sección y haz clic en el icono Editar sección.
    Website builder section with edit toolbar visible, highlighting the Edit Section option.
  6. Usa el panel de configuración para ajustar la sección:
  • General: modifica el diseño y el espaciado de la sección.
    Section general settings showing grid gap, row gap, and padding controls for layout adjustments.
  • Diseño: cambia los colores, el fondo y otros ajustes visuales.
    Showcase columns section selected with Design settings panel open showing image scale option.
  1. También puedes reemplazar el texto y las imágenes de marcador de posición directamente en la sección. Para personalizar aún más los elementos del equipo, selecciona el componente de columnas dentro de la sección y haz clic en el icono Editar componente.
    Team section with four member profiles selected and inline edit controls visible.
  2. En la pestaña General, establece el número de Columnas y Filas, ajusta el Espacio, y elige si mostrar los elementos de Imagen, Título, Descripción y Botón.
    General settings for showcase columns showing column count, row count, and gap options.
  3. En la pestaña Diseño, personaliza la apariencia habilitando un contenedor de fondo y ajustando la escala de la imagen.
    Showcase columns section selected with Design settings panel open showing image scale option.

Cómo representar a tu equipo con un componente

Además de añadir tu equipo como una sección completa, también puedes insertarlo como un componente en una sección vacía o existente.

  1. Haz clic en el botón de Añadir componente en la esquina superior izquierda de la sección.

    Nota: Puedes añadir una sección en blanco o añadir un componente a una existente.

    Add button for inserting a new component in the Website Builder editor
  2. Selecciona Columnas de la lista de componentes.
    Website builder “Add Component” panel highlighting the Columns element under the General tab.
  3. Coloca el componente en cualquier lugar de la cuadrícula de la página.
  4. Para personalizarlo, selecciona el componente y haz clic en el icono Editar componente.
    Toolbar with Edit option for modifying a component in Website Builder
  5. En la pestaña General, establece el número de Columnas y Filas, ajusta el Espacio, y elige si mostrar los elementos de Imagen, Título, Descripción y Botón.
    Showcase columns settings panel showing options for columns, rows, gap, and toggles for image, title, description, and button.
  6. En la pestaña Diseño, personaliza la apariencia habilitando un contenedor de fondo y ajustando la escala de la imagen.
    Showcase columns component displaying three items with Design tab open for background and image scaling settings.

Comparte este artículo