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 / Diferentes diseños que puedes lograr modificando la sección de columnas

Diferentes diseños que puedes lograr modificando la sección de columnas

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

El componente de Columnas ofrece una gran flexibilidad para lograr diversos diseños en tu sitio, lo que te permite mostrar diferentes tipos de información de manera efectiva. Con la configuración del número de columnas y filas, así como las opciones para mostrar u ocultar títulos, texto, botones e imágenes, puedes personalizar el diseño para adaptarlo a diferentes propósitos.

Cómo agregar un componente de Columnas

Puedes usar un componente de Columnas para crear un diseño de sección personalizado. Sigue estos pasos:

  1. Haz clic en Editar sitio web en Site Admin > Website Builder.
    Edit Website button in Site Admin for accessing the Website Builder editor
  2. Selecciona una sección existente o crea una nueva.
    Pages tab in Website Builder with a selected page
  3. Haz clic en el botón Añadir en la esquina superior izquierda de la sección.
    Selected page section with the Add button in the top-left corner for adding a new component
  4. En el menú Añadir componente, selecciona el componente Columnas.
    Add Component window with a selected Columns component
  5. Arrastra y suelta el componente en la sección más adecuada de la cuadrícula.
    A section's grid area where you can drag and drop a Columns component into the preferred position

Uso de secciones con componentes de Columnas

Puedes usar secciones prediseñadas (como Equipo, Destacados, Servicios, etc.) creadas con componentes de Columnas. Estas están disponibles en la ventana emergente Añadir sección al agregar una nueva sección.

A page in Website Builder displaying the Add Section button for adding a new section

Presentación del equipo

Muestra a los miembros de tu equipo y sus funciones, ofreciendo una introducción personal y profesional a tu organización. Puedes usar una sección de Equipo prediseñada o crear tu propio diseño.

A page in Website Builder showing a template section from the Team category

Para configurarlo, ajusta el número de columnas y filas según el tamaño de tu equipo. Reemplaza las imágenes de marcador de posición con fotos de los miembros de tu equipo y añade sus nombres y funciones debajo de cada foto. Elige la forma y el ajuste más adecuados en la pestaña Diseño de la ventana de configuración de imagen.

Destacados

Destaca los aspectos más importantes de tus servicios, utilizando imágenes y texto para resaltar los beneficios clave y los elementos diferenciadores. Tienes la opción de añadir una sección de Destacados prediseñada y personalizarla según tus necesidades.

A page in Website Builder showing a template section from the Highlights category

Para configurarlo, elige el número adecuado de columnas y filas para mostrar tus aspectos más destacados, como «Precios asequibles» o «Índice de satisfacción». Sustituye las imágenes por iconos o elementos visuales para representar cada aspecto destacado y ajusta su tamaño al formato deseado para lograr una apariencia uniforme y profesional.

Servicios

Ofrece un resumen de tus servicios con breves descripciones e imágenes. Al igual que en los ejemplos anteriores, puedes usar una sección de Servicios predefinida o personalizarla con un componente o sección de Columnas.

A page in Website Builder showing a template section from the Services category

Para configurarlo, organiza las columnas y filas según el número de servicios que ofreces. Sustituye las imágenes por iconos o elementos visuales y añade descripciones breves debajo de cada uno. Ajusta su tamaño para mantener una apariencia coherente.

Comparte este artículo