---
title: How to Create a new Image Group component
description: 1) Navigate to the website builder and click on the page you would like to edit.   2) Click "Add a New Component"      3) Click on Image Group      4) Click "Choose Component"      5) You can name you
---

[Skip to content](https://support.tradewing.com/knowledge-base/how-to-create-a-new-image-group-component#main-content)

English

Show submenu for translations

[Submit Support Question](https://support.tradewing.com/knowledge-base/kb-tickets/new)

![kblogo](https://support.tradewing.com/hubfs/kblogo.svg)

- [Our Product](http://www.tradewing.com/terms-of-service)
- [Customer Stories](http://www.tradewing.com/terms-of-service)
- [Why Tradewing](http://www.tradewing.com/terms-of-service)

Open main navigation

Close main navigation

- [Our Product](http://www.tradewing.com/terms-of-service)
- [Customer Stories](http://www.tradewing.com/terms-of-service)
- [Why Tradewing](http://www.tradewing.com/terms-of-service)
- English
  
  Show submenu for translations
- [Submit Support Question](https://support.tradewing.com/knowledge-base/kb-tickets/new)
- Go to tradewing.com

 Go to tradewing.com

 Welcome to Tradewing! How can we help you?

- There are no suggestions because the search field is empty.

1. [Knowledge Base | Tradewing](https://support.tradewing.com/knowledge-base)
2. [Tradewing AMS - Admin Site](https://support.tradewing.com/knowledge-base/tradewing-ams-admin-site)
3. [Website Builder](https://support.tradewing.com/knowledge-base/tradewing-ams-admin-site#website-builder)

# How to Create a new Image Group component

## This article provides a step-by-step guide on adding an Image Group component in the Website Builder.

 

1) Navigate to the website builder.

![Screenshot 25-01-2026 at 19.09 (1)](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.09%20(1).png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.09%20(1).png)

 

2) Click on the page you would like to edit.

![Screenshot 25-01-2026 at 19.11](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.11.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.11.png)

 

3) Click **Add a New Component**.

![Screenshot 25-01-2026 at 19.13](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.13.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.13.png)

 

4) Click on **Image Group**.

![Screenshot 25-01-2026 at 19.14](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.14.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.14.png)

 

5) Click **Choose Component**.

![Screenshot 25-01-2026 at 19.15](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.15.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.15.png)

 

This will generate the image group components on the page that you are editing:

![Screenshot 25-01-2026 at 19.16](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.16.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.16.png)

 

6) You can edit the **Name** of the Image Group component on the left side.

![Screenshot 25-01-2026 at 19.21](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.21.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.21.png)

 

7) You can also click the **dropdown** to change the background color.

![Screenshot 25-01-2026 at 19.24](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.24.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.24.png)

 

![Screenshot 25-01-2026 at 19.25](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.25.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.25.png)

 

8) You can also edit the pixel (px) amount in the **Height** field to change the height and size of the images.

![Screenshot 25-01-2026 at 19.28](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.28.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.28.png)

 

9) Click the **Alignment** dropdown to switch between Left and Center.

![Screenshot 25-01-2026 at 19.29](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.29.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.29.png)

 

10) Click here to add in images

![Screenshot 25-01-2026 at 19.31](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.31.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.31.png)

 

11) Click **Choose Image**.

![Screenshot 25-01-2026 at 19.32](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.32.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.32.png)

 

12) Click the hypertext reference field to link out to an external URL from the image.

![Screenshot 25-01-2026 at 19.34](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.34.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.34.png)

 

13) Click **Save**.

![Screenshot 25-01-2026 at 19.35](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.35.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.35.png)

 

14) Alternately, you may also click **Created Page**.

![Screenshot 25-01-2026 at 19.37](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.37.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.37.png)

 

This will allow you to choose an existing page in the website builder that will be embedded onto the image.

![Screenshot 25-01-2026 at 19.42](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.42.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.42.png)

 

15) Once you've selected a created page from the dropdown, you may click **Save** to save the Edit Image details entered.

![Screenshot 25-01-2026 at 19.43](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.43.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.43.png)

 

16) You also have the capability to **remove** an image in the Image Group Component by clicking on the **"x" icon**.

![Screenshot 25-01-2026 at 19.45](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.45.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.45.png)

 

17) To finalize deletion of the image, click **Delete**.

![Screenshot 25-01-2026 at 19.46](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.46.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.46.png)

 

18) You also have the capability to add another image to the Image Group Component by clicking **+Add New Image**.

![Screenshot 25-01-2026 at 19.47](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.47.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.47.png)

 

19) Once everything in the Image Group Component is finalized, you may click **Publish**.

![Screenshot 25-01-2026 at 19.49](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.49.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.49.png)

 

20) To push through with publishing the changes, click **Yes, Publish Everything**.

![Screenshot 25-01-2026 at 19.50](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-01-2026%20at%2019.50.png?width=670&height=330&name=Screenshot%2025-01-2026%20at%2019.50.png)

 

For questions and concerns regarding the Image Group component or the Website Builder in general, you may contact Tradewing Support via support@tradewing.com.

- [Getting Started](https://support.tradewing.com/knowledge-base/getting-started)
- [People](https://support.tradewing.com/knowledge-base/people)
- [Tradewing AMS - Admin Site](https://support.tradewing.com/knowledge-base/tradewing-ams-admin-site#main-content)
  
  
  
  
  
    - [Website Builder](https://support.tradewing.com/knowledge-base/tradewing-ams-admin-site#website-builder)
    - [Membership Types](https://support.tradewing.com/knowledge-base/tradewing-ams-admin-site#membership-types)
- [Community - Admin Site](https://support.tradewing.com/knowledge-base/community-admin-site)
- [Groups](https://support.tradewing.com/knowledge-base/groups)
- [Events](https://support.tradewing.com/knowledge-base/events#main-content)
  
  
  
  
  
    - [Videoconferencing Feature in Tradewing](https://support.tradewing.com/knowledge-base/events#videoconferencing-feature-in-tradewing)
- [Profile and Personal Settings](https://support.tradewing.com/knowledge-base/profile-and-personal-settings)
- [Community Engagement](https://support.tradewing.com/knowledge-base/community-engagement)
- [Sponsorships](https://support.tradewing.com/knowledge-base/sponsorships#main-content)
  
  
  
  
  
    - [For Sponsors](https://support.tradewing.com/knowledge-base/sponsorships#for-sponsors)
- [Settings](https://support.tradewing.com/knowledge-base/settings)
- [For Members](https://support.tradewing.com/knowledge-base/for-members)
- [Companies](https://support.tradewing.com/knowledge-base/companies)
- [Integrations](https://support.tradewing.com/knowledge-base/integrations)
- [Analytics](https://support.tradewing.com/knowledge-base/analytics)
- [Intuto Learning Management System](https://support.tradewing.com/knowledge-base/intuto-learning-management-system)
- [Tradewing LLC Mobile App](https://support.tradewing.com/knowledge-base/tradewing-llc-mobile-app)
- [Financials](https://support.tradewing.com/knowledge-base/financials#main-content)
  
  
  
  
  
    - [Invoicing and Receipts](https://support.tradewing.com/knowledge-base/financials#invoicing-and-receipts)
    - [Other Items](https://support.tradewing.com/knowledge-base/financials#other-items)
    - [Promo Codes](https://support.tradewing.com/knowledge-base/financials#promo-codes)
- [Shopping Cart](https://support.tradewing.com/knowledge-base/shopping-cart)
- [Communications](https://support.tradewing.com/knowledge-base/communications)
- [Meetings](https://support.tradewing.com/knowledge-base/meetings)

- [Our Product](http://www.tradewing.com/terms-of-service)
- [Customer Stories](http://www.tradewing.com/terms-of-service)
- [Why Tradewing](http://www.tradewing.com/terms-of-service)

[![Chill listening crop-3](https://support.tradewing.com/hs-fs/hubfs/27618f99-a855-4f4e-9a9c-9aa895c37630.png?width=22&height=24&name=27618f99-a855-4f4e-9a9c-9aa895c37630.png "Chill listening crop-3")](https://www.tradewing.com/)

Tradewing Knowledge Base

Copyright © 2025, Tradewing LLC