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 añadir una sección de destacados a una página

Cómo añadir una sección de destacados a una página

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

Las secciones de Destacados te ayudan a mostrar las características, servicios o beneficios clave de una página.

Añadir Destacados como una sección

Para añadir y editar una sección de Destacados:

  1. Ve a Site Admin y haz clic en Editar sitio web.
    SiteGround Website Builder dashboard with the Edit Website button highlighted to open the site editor
  2. Abre la pestaña Páginas y selecciona la página donde quieres añadir la sección.
    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 Destacados, elige un diseño y haz clic en Añadir sección.
    Add Section panel showing Highlights section selected in Website Builder
  5. La sección se insertará en la página. Para editarla, pasa el ratón sobre la sección y haz clic en el icono de Editar sección.
    General settings panel for editing section layout, grid, and spacing
  6. En la pestaña General, ajusta la configuración del diseño como la cuadrícula y el espaciado.
    Section general settings with grid layout, gap, and padding options
  7. En la pestaña Diseño, cambia los colores, el fondo y otros ajustes visuales.
    Design settings panel for a section showing palette and background options
  8. También puedes reemplazar el texto y las imágenes de marcador directamente en la sección. Para personalizar aún más los elementos de Destacados, selecciona el componente de columnas dentro de la sección y haz clic en el icono de Editar componente.
    Highlights section selected with Edit Section option visible
  9. 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 column count, rows, gap, and display toggles
  10. En la pestaña Diseño, personaliza la apariencia habilitando un contenedor de fondo y ajustando la escala de la imagen.

Añadir Destacados como un componente

Además de añadir Destacados como una sección completa, también puedes insertarlos como un componente.

  1. Haz clic en el botón Añadir componente en la esquina superior izquierda de la sección.
    Add button for inserting a new component in the Website Builder editor

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

  2. Selecciona Columnas de la lista de componentes.
    Add Component panel with Columns component highlighted in SiteGround Website Builder
  3. Coloca el componente en cualquier lugar de la cuadrícula de la página.
    Showcase Columns component being positioned within the page layout grid
  4. Para personalizarlo, selecciona el componente y haz clic en el icono de 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 component settings with columns, rows, and visibility toggles
  6. En la pestaña Diseño, personaliza la apariencia habilitando un contenedor de fondo y ajustando la escala de la imagen.
    Design tab settings for Showcase Columns component with image scale control

Comparte este artículo