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 contenido a una página

Cómo añadir contenido a una página

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

Para añadir contenido a una página, tienes dos opciones:

  • Puedes agregar una sección prediseñada, donde puedes agregar nuevos componentes o editar los existentes para reemplazar el texto y las imágenes de ejemplo.
  • También puedes agregar una sección en blanco y luego completarla con nuevos componentes.

Cómo agregar una sección a una página

Para agregar una sección a una página, sigue estos pasos:

  1. Haz clic en Editar sitio web en el Site Admin para acceder al Website Builder.
    Edit Website button in Site Admin for accessing the Website Builder editor
  2. Abre la pestaña Páginas en la barra de herramientas del menú izquierdo y selecciona una página existente o crea una nueva con el botón Añadir nueva.
    Pages tab in Website Builder displaying a highlighted Add New button for creating a new page and a selected existing page
  3. En el editor visual de la derecha, navega hasta el área de la página donde deseas agregar una sección y haz clic en Añadir sección. Si has elegido una página nueva en blanco, se te pedirá que añadas tu primera sección.
    Add Section button for adding a new section to a page in Website Builder
  4. En la ventana emergente que aparece, elige una de las plantillas prediseñadas disponibles, organizadas por categorías. Una vez que encuentres una adecuada, coloca el cursor sobre ella y pulsa el botón Añadir sección.
    A pop-up window for adding a section highlighting a selected category and the Add Section button for choosing a section layout

    También puedes empezar con una sección en blanco haciendo clic en el botón Añadir sección en blanco.

  5. Tras añadir la sección, coloca el cursor sobre ella y pulsa el icono Editar sección en la barra de herramientas superior derecha para modificar la configuración general de apariencia.
    Selected section of a page in Website Builder displaying the Edit Section button from the section's toolbar
  6. Si deseas cambiar la posición de los componentes que conforman la sección, arrástralos y suéltalos en la posición que prefieras en la cuadrícula de la sección.
    Grid area of a section on a page in Website Builder where you can drag and drop components into a preferred position
  7. Al pulsar el icono Editar sección, aparece una ventana emergente a la derecha donde puedes gestionar la configuración de la sección. Abre la pestaña General para modificar la configuración general, como el relleno, los espacios entre componentes, etc. Abre la pestaña Diseño para cambiar la paleta de colores, el color de fondo, etc.
    A section's settings window where you can change the appearance and design
  8. Para editar y dar estilo al texto, haz clic directamente sobre él y aparecerá un menú superior con opciones de estilo. Desde ahí, puedes cambiar el tamaño del texto, añadir enlaces o incluso generar texto con IA.
    A section of a page in Website Builder with a highlighted text displaying a toolbar with editing options
  9. Haz clic en la imagen de marcador de posición que quieras editar para abrir sus ajustes de Editar imagen. Puedes reemplazar la imagen pulsando el botón Actualizar en la vista previa, añadir un enlace o un texto alternativo, cambiar el color de fondo o la forma de la imagen, etc.
    A selected image from a page section in Website Builder displaying a settings screen with the option Update that allows you to replace the image
  10. Si deseas añadir otra imagen, cuadro de texto u otros componentes a la misma sección, usa el botón Añadir a la izquierda.
    An Add button in a page section in Website Builder that allows you to add components to the section
  11. Para añadir otra sección encima o debajo de la actual, pulsa uno de los botones Añadir sección.
    An Add Section button on a page in Website Builder for adding a new section

Cómo añadir un componente

Puedes usar componentes para lograr un diseño de página más personalizado. Cada componente es una pieza de contenido que puedes añadir a una sección prediseñada o en blanco.

Para añadir un componente:

  1. Pasa el cursor sobre la sección elegida y pulsa el botón Añadir en la esquina superior izquierda.
    A selected page section in Website Builder with a highlighted Add button in the top-left corner for adding a component
  2. En la ventana Añadir componente, elige el tipo de componente.
    Add Component window with a selected component type
  3. Arrastra la imagen en la cuadrícula hasta la posición deseada y suéltala.
    A section's grid area where you can drag and drop a component into a new position
  4. Haz clic en el componente para abrir su barra de herramientas y selecciona el icono de edición (lápiz). Verás la configuración general específica del componente.
    A selected component displaying its settings window with component-specific settings
  5. Continúa modificando el texto. Resalta o elimina el texto de ejemplo. Aparecerá una barra de herramientas con opciones específicas de texto sobre el área seleccionada. Puedes escribir tu propio texto y aplicar diferentes estilos y fuentes, añadir enlaces, usar texto generado por IA, etc.
    A component with highlighted placeholder text that you can edit. Above the text is a toolbar with editing options
  6. Haz clic en una imagen dentro del componente para editarla. Puedes reemplazar la imagen de ejemplo colocando el cursor sobre la vista previa de la imagen y pulsando el botón Actualizar, añadir un enlace y un texto alternativo, cambiar el color de fondo y otros ajustes.
    A selected image inside a component that displays a settings window where you can edit the image or replace it with the Update button
  7. Sigue añadiendo más componentes con el botón Añadir hasta conseguir el aspecto deseado.
    A page section in Website Builder with a highlighted Add button for adding more components to the section

Comparte este artículo