Knowledge Base

Get Expert Website Hosting

Choose website reliability and expertise with SiteGround!

Home / Ecommerce / How to add content to a page

How to add content to a page

Summarize this article with:
Last update: Mar 12, 2026 3 min read

IMPORTANT! We currently have two builder versions: one for sites created before March 4, 2026, and another for sites created after this date. Sites still using the older builder will be automatically migrated to the newer version soon. If your site hasn’t been migrated yet, please refer to the Classic Builder section below.

To add content to a page, you have a couple of options:

  • You can add a pre-made section, where you can add new components or edit the existing ones to replace the placeholder text and images
  • You can add a blank section and then populate it with new components

How to add a section to a page

To add a section to a page, follow these steps:

  1. Click Edit Website in Site Admin to access Website Builder.
    Edit Website button in Site Admin for accessing the Website Builder editor
  2. Open the Pages tab in the left menu toolbar and choose an existing page or create a new one with the Add New button.
    Pages tab in Website Builder displaying a highlighted Add New button for creating a new page and a selected existing page
  3. In the visual editor on the right, navigate to the page area where you wish to add a section and press Add Section. If you’ve chosen a blank new page, you’ll be prompted to add your first section.
    Add Section button for adding a new section to a page in Website Builder
  4. In the following pop-up window, choose one of the available pre-made layouts organized by categories. Once you’ve found a suitable one, hover over it and press the Add Section button.
    Alternatively, you can start with a blank section by clicking the Add Blank Section button.

    A pop-up window for adding a section highlighting a selected category and the Add Section button for choosing a section layout
  5. After adding the section, hover over it and press the Edit Section icon in the top-right corner toolbar to change the general appearance settings.
    Selected section of a page in Website Builder displaying the Edit Section button from the section's toolbar


  6. If you wish to change the position of the components that make up the section, drag and drop them into your preferred position on the section’s grid.
    Grid area of a section on a page in Website Builder where you can drag and drop components into a preferred position
  7. When you press the Edit Section icon, a pop-up window appears on the right where you can manage the section settings. Open the General tab to modify general settings like padding, gaps between components, etc. Open the Design tab to change the color palette, background color, etc.
    A section's settings window where you can change the appearance and design
  8. To edit and style the text, click directly on it, and a top menu will appear with styling options. From there, you can change the text size, add links, or even generate AI text.
    A section of a page in Website Builder with a highlighted text displaying a toolbar with editing options
  9. Click on a placeholder image you wish to edit to open its Edit Image settings. You can replace the image by pressing the Update button in the image preview, add a link or an alt text, change the background color or image shape, 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. If you wish to add another image, text box, or other components to the same section, use the Add button on the left.
    An Add button in a page section in Website Builder that allows you to add components to the section
  11. To add another section above or below the current section, press one of the Add Section buttons.
    An Add Section button on a page in Website Builder for adding a new section

How to add a component

You can use components to achieve a more personalized page design. Each component is a single piece of content that you can add to a pre-designed or blank section.

To add a component:

  1. Hover over the chosen section, and press the Add button in the top-left corner.
    A selected page section in Website Builder with a highlighted Add button in the top-left corner for adding a component
  2. In the Add Component window, choose the component type.
    Add Component window with a selected component type
  3. Drag the image on the grid to the desired position, then drop it.
    A section's grid area where you can drag and drop a component into a new position
  4. Click on the component to open its toolbar and select the Edit (pencil) icon. You will be presented with the component-specific general settings.
    A selected component displaying its settings window with component-specific settings
  5. Proceed by changing the text. Highlight or delete the placeholder text. A toolbar with text-specific options will appear above the selected area. You can write your own text and apply different styles and fonts, add links, use AI-generated text, etc.
    A component with highlighted placeholder text that you can edit. Above the text is a toolbar with editing options
  6. Click on an image inside the component to edit it. You can replace the placeholder image by hovering over the image preview and pressing the Update button, add a link and an alt text, change the background color, and other settings.
    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. Keep adding more components with the Add button until you achieve the desired look.
    A page section in Website Builder with a highlighted Add button for adding more components to the section

How to add content to a page (Classic builder)

To add content to a page, in the Pages tab, either select an existing page or create a new one.

If you are starting fresh with a new page, you will be prompted to add your first section.

Click the Add Section button and choose the section that best fits your needs from various categories.

After adding the new section, its settings will automatically open on the left, allowing you to make adjustments.

To edit and style the text, click directly on it, and a top menu will appear with styling options. From there, you can change the text size, add links, or even generate AI text.

To replace an image, add a link, or include alt text, hover over the image to reveal these settings.

You can keep adding sections to your page by using the Add Section buttons.

Share this article