What are components

Components are the building blocks that form pages in Website Builder and SiteGround Ecommerce. Read along to learn how to use them.

What are components

Components are the building blocks that form each section of your pages in Website Builder. Each component serves a different purpose and adds a different type of content and functionalities (text, image, testimonial, contact form, etc.).

By combining and placing components within the grid-based sections, you can create visually striking, feature-rich web pages with minimal effort.

There are two approaches to using components:

• Use a pre-made section: Edit an existing section and change its existing components.
• Start fresh with a blank section: Build your section from the ground up, adding components as needed.

How to add components

You can add components in Website Builder following these steps:

1. Click Edit Website in your Site Admin.
   

   

2. Select Pages from the left menu toolbar.
3. Choose an existing page or create a new one.
   

   

4. Click on the section you wish to edit or add a new one. When adding a new section, you can either select a pre-made template or start with a blank one.
   

   

5. Press the Add button in the top-left of the section area.
   

   

   IMPORTANT! You can’t add components to the Store Templates pages or to any page’s header and footer areas.

6. In the following pop-up window, choose the type of component you wish to add. Components are divided into two main tabs – General and Store (available for Ecommerce plans).
   

   

   NOTE! The components available in the Store tab depend on the plan of your website.

7. The section area will be split into a grid. Drag and drop the component to the desired location.
   

   

8. Click the component block to view available editing options. Choose the pencil icon to modify the general settings.
   

   

9. In the following window, you can edit the options divided into the General and Design tabs.
   

   

10. Keep adding new components to the same section with the Add button.

And that’s it! Now you can go ahead and create your own unique pages.