Grouping elements in Wix lets you move, resize, and edit multiple components at the same time - instead of clicking each one individually. If you have a card layout with an image, a heading, and a button, grouping all three means you can reposition the entire card in one drag. This guide explains exactly how to do it, how to undo it, and what the keyboard shortcuts are.
Step-by-Step Guide: How to Group Elements in Wix
The steps below apply to the Wix Classic Editor. If you are using Wix Studio, see the Studio-specific section further down - the process is slightly different.
Step 1: Log into Your Wix Account
Start by accessing Wix and log into your account. If you are new to Wix, you will need to create an account first using your email address or a social media login. If you already have an account, proceed to the next step.
Step 2: Open the Wix Editor
From your Wix dashboard, click Go to All Sites and select the site you want to edit. Click Edit Site to open the Wix Editor. Navigate to the page that contains the elements you want to group.
Step 3: Select the Elements to Group
Click on the first element you want to include, then hold Shift and click each additional element. All selected elements will be highlighted with a blue selection border. You can also click and drag across a region to select multiple elements at once.
Before grouping, consider using columns in Wix to arrange elements into a structured layout first - grouped items within a column stay properly aligned as you resize the page.
Step 4: Group the Selected Elements
With your elements selected, group them using one of two methods:
- Right-click method: Right-click on any of the selected elements and choose Group from the context menu.
- Keyboard shortcut: Press Ctrl+G (Windows) or Cmd+G (Mac).
The selected elements are now a single group. You will see a unified selection box around all of them, and you can move or resize the entire group as one unit.
Step 5: Save and Publish Your Changes
After grouping your elements, click Publish to update your live website. Your grouped elements will appear as a single unit, making the layout easier to manage going forward.
How To Ungroup Elements in Wix
Ungrouping is just as important as grouping. When you need to edit a single element inside a group - for example, changing the text on one card without moving the image - you need to either enter the group or ungroup it entirely.
To edit a single element inside a group without ungrouping: Double-click the group to enter it. You can then click individual elements to select and edit them. Click anywhere outside the group to exit.
To ungroup completely: Click the group to select it, then use one of these methods:
- Right-click method: Right-click the selected group and choose Ungroup from the context menu.
- Keyboard shortcut: Press Ctrl+Shift+G (Windows) or Cmd+Shift+G (Mac).
After ungrouping, all elements return to their original independent state. Their positions on the page remain unchanged - ungrouping only removes the linking, it does not move anything.
Grouping Elements in Wix Studio vs the Classic Editor
The grouping feature works in both the Classic Wix Editor and Wix Studio, but the interface is slightly different in each.
In the Classic Editor: Select elements with Shift+click, then right-click and choose Group, or press Ctrl+G. The group appears in your layers panel as a single collapsible item.
In Wix Studio: The process is the same (Shift+click to multi-select, then right-click → Group or Ctrl+G), but Studio's interface labels the action in the Layers panel differently. In Studio, grouped elements appear under a "Group" parent layer, and you can rename the group directly in the Layers panel for easier identification on complex pages.
Studio also supports grouping within sections and repeaters, which gives more layout control than the Classic Editor - useful if you are building multi-column card grids.
What Cannot Be Grouped in Wix?
Not every element on a Wix page can be grouped. The following cannot be added to a group:
- Strips and sections: Full-width page sections (strips) are containers themselves and cannot be grouped with regular elements.
- Header and footer: These are fixed layout regions and cannot be grouped with page body elements.
- Wix app elements: Some embedded Wix apps - like Wix Bookings calendars, Wix Stores product grids, or Wix Events widgets - cannot be grouped with other elements. They function as standalone app blocks.
- Elements on different pages: You can only group elements that appear on the same page. Cross-page grouping is not supported.
If you try to group an unsupported element, Wix will either exclude it from the group silently or show an error prompt. In that case, group the remaining compatible elements and position the unsupported element separately.
Benefits of Grouping Elements in Wix
Grouping elements on your Wix website makes design work faster and keeps your layouts consistent. Here are the key advantages:
Organisation
Grouping keeps related items together, making your Layers panel tidier and your layout logic clearer. A card made of an image, heading, and button is easier to manage as one group than as three separate elements scattered through the layers list.
Efficiency
Once grouped, you can move, resize, and duplicate the whole unit in one action. Building a three-column card layout? Create one card group, duplicate it twice, and adjust the content - rather than building each card from scratch.
Consistency
Grouped elements stay in the same relative positions as you move them, so your layout proportions remain consistent across sections. This matters especially when you are copying a design pattern to multiple pages.
Responsive Design
When you switch to the mobile editor, grouped elements often adapt better than ungrouped ones. The group is treated as a single unit for stacking and scaling purposes, which reduces the manual adjustment needed to make mobile layouts look right.
How to Group Elements in Wix: Key Shortcuts
For quick reference, here are the keyboard shortcuts for grouping in Wix:
- Group: Ctrl+G (Windows) / Cmd+G (Mac)
- Ungroup: Ctrl+Shift+G (Windows) / Cmd+Shift+G (Mac)
- Select multiple elements: Shift+click each element
- Enter a group to edit individual elements: Double-click the group
- Exit group editing mode: Press Escape or click outside the group
Using keyboard shortcuts speeds up the design process considerably, especially when you are building out repeated layout patterns across multiple pages.
Grouping Elements in Wix: What to Do Next
Once you have grouped your elements, the next step is usually handling the mobile view. Open the mobile editor by clicking the phone icon at the top of the Wix Editor and check that your grouped elements stack and resize correctly on smaller screens. You may need to enter the group, select individual elements, and adjust their mobile positioning separately.
If you find that a grouped element is not responding as expected in the mobile view, ungrouping and re-grouping after setting mobile positions individually can resolve the issue.
* read the rest of the post and open up an offer