Base de conocimiento

Obtén hosting web experto

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

¿Qué son los componentes?

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

Los componentes son los elementos básicos que forman las páginas en Website Builder y SiteGround Ecommerce. Sigue leyendo para aprender a usarlos.

¿Qué son los componentes?

Los componentes son los elementos básicos que forman cada sección de tus páginas en Website Builder. Cada componente tiene una función diferente y añade un tipo de contenido y funcionalidades diferentes (texto, imagen, testimonio, formulario de contacto, etc.).

Al combinar y colocar componentes dentro de las secciones basadas en cuadrícula, puedes crear páginas web visualmente impactantes y repletas de funciones con un mínimo esfuerzo.

Una página en Website Builder que muestra un componente que puede arrastrar y soltar en un área de cuadrícula de una sección

Hay dos maneras de usar los componentes:

  • Usar una sección predefinida: Editar una sección existente y modificar sus componentes.
  • Comenzar desde cero con una sección en blanco: Crea tu sección desde cero, añadiendo componentes según sea necesario.

Cómo añadir componentes

Puedes añadir componentes en Website Builder siguiendo estos pasos:

  1. Haz clic en Editar sitio web en tu Site Admin.
    Botón Editar sitio web para acceder al editor visual del Website Builder
  2. Selecciona Páginas en la barra de herramientas del menú izquierdo.
  3. Elige una página existente o crea una nueva.
    Pestaña Páginas en el Creador de sitios web donde puede editar o crear páginas
  4. Haz clic en la sección que deseas editar o añade una nueva. Al añadir una nueva sección, puedes seleccionar una plantilla predefinida o empezar con una en blanco.
    Seleccionar una sección existente o crear una nueva con el botón Agregar sección
  5. Pulsa el botón Añadir en la esquina superior izquierda del área de la sección.
    Botón "Añadir" para agregar un componente a una sección

    ¡IMPORTANTE! No puedes añadir componentes a las páginas de Plantillas del sitio ni a los encabezados y pies de página.

  6. En la siguiente ventana emergente, elige el tipo de componente que deseas añadir. Los componentes se dividen en dos pestañas principales: General y Tienda (disponibles para planes Ecommerce)..
    Menú de componentes donde puede elegir qué tipo de componente agregar

    ¡NOTA! Los componentes disponibles en la pestaña Tienda dependen del plan de tu sitio web.

  7. El área de la sección se dividirá en una cuadrícula. Arrastra y suelta el componente en la ubicación deseada.
    Área de la cuadrícula de la sección donde puede arrastrar y soltar un nuevo componente
  8. Haz clic en el bloque del componente para ver las opciones de edición disponibles. Elige el icono del lápiz para modificar la configuración general.
    Barra de herramientas de un componente donde puede seleccionar para editar el componente
  9. En la siguiente ventana, puedes editar las opciones divididas en las pestañas General y Diseño.
    Opciones de edición para un componente
  10. Continúa añadiendo nuevos componentes a la misma sección con el botón Añadir.

¡Listo! Ahora puedes crear tus propias páginas.

Comparte este artículo