How to showcase services on a page

These steps are applicable to both the SiteGround Website Builder and SiteGround Ecommerce.

How to showcase your services with a Services section

You can use carefully crafted section layouts to showcase your services in the best possible way.

1. Click Edit Website in Site Admin > Website Builder.
   

   

   
   

2. Open the Pages tab from the left menu toolbar.
3. Select the page where you’ll showcase your services.
   

   

4. Choose a position for the services section and click the Add Section button inside the page’s visual editor.
   

   

5. In the pop-up window, open the Services category and select a suitable design with the Add Section button.
   

   

6. After adding the section, you can customize it in various ways. Click on the showcase column, and then press the Edit (pencil) icon.
7. An Edit Showcase Column window will pop up on the right. Here, you can change the background color, number of rows and columns, image size, and various other settings.
   

   

8. Proceed by replacing the placeholder text with your unique content.
9. To replace the images, click on the selected image. In the pop-up window on the right, click the Update button in the image preview. You can then upload a new image, select one from your media gallery, or use a free image from the “Unsplash” gallery.
   

   

How to showcase services with a Columns component

Apart from predesigned layouts, you can use components to redesign an existing section or craft a unique design for a blank section. For showcasing services, the most suitable option is to use a Columns component.

1. Click on an existing section, or use the Add Section button to select a section layout or create a blank new section.
2. Inside the section area, click the Add button in the top-left corner.
   

   

3. In the Add Component pop-up window, select a component that will best fit your needs. You can use any component type, but to showcase services, the Columns component is recommended.
   

   

4. Drag and drop the component into the best position inside the section’s grid area.
   

   

5. Click the component to open the component toolbar, and select the Edit (pencil) icon.
6. An Edit Showcase Columns window will pop up on the right. Here, you can change the number of rows and columns, adjust the column gap, choose what elements to be displayed, etc.
   

   

7. Replace the placeholder text with your own.
8. To replace one of the stock images, click on it. In the pop-up window on the right, click Update in the image preview. Then, upload a new image from your device, use one of the images in your media gallery, or select a free image from the “Unsplash” gallery.
   

   

How to showcase services on a page (Classic builder)

These steps are applicable for both the SiteGround Website Builder and SiteGround Ecommerce.

To add a Showcase Services section to a page, go to the Pages tab and select the page where you want the services to appear.

Once you’re on the page, click the Add section button to view all available section options.

In the pop-up, click Services from the side menu and choose the section that best fits your needs.

After selecting a section, use the side menu to customize it — you can change the background color, adjust the number of rows, and toggle various display options.