<img alt="" src="https://secure.poor6pain.com/210859.png" style="display:none;">
Skip to content
English
  • There are no suggestions because the search field is empty.

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)

 

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

Screenshot 25-01-2026 at 19.11

 

3) Click Add a New Component.

Screenshot 25-01-2026 at 19.13

 

4) Click on Image Group.

Screenshot 25-01-2026 at 19.14

 

5) Click Choose Component.

Screenshot 25-01-2026 at 19.15

 

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

Screenshot 25-01-2026 at 19.16

 

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

Screenshot 25-01-2026 at 19.21

 

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

Screenshot 25-01-2026 at 19.24

 

Screenshot 25-01-2026 at 19.25

 

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

 

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

Screenshot 25-01-2026 at 19.29

 

10) Click here to add in images

Screenshot 25-01-2026 at 19.31

 

11) Click Choose Image.

Screenshot 25-01-2026 at 19.32

 

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

Screenshot 25-01-2026 at 19.34

 

13) Click Save.

Screenshot 25-01-2026 at 19.35

 

14) Alternately, you may also click Created Page.

Screenshot 25-01-2026 at 19.37

 

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

 

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

 

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

 

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

Screenshot 25-01-2026 at 19.46

 

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

 

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

Screenshot 25-01-2026 at 19.49

 

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

Screenshot 25-01-2026 at 19.50

 

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