Wix Groups: Designing Your Group

19 min read

The Wix Groups app adds two pages to your site. One page shows all your groups and posts together. The other page is for each separate group. You can fit the design of the Wix Groups app on any page of your site using the add on. You can also change how these pages look by editing the layout, text, and pictures. You can even add or change tabs for each group.

A screenshot of Wix Groups on a live site

Notes:

The group page is a dynamic element. Changes you make to it apply to the group page for every group on your site. This does not apply to content tabs, which are unique to each group.
Add and set up Wix Groups to follow the steps in this article.
Publish your site after creating your group so the group page appears in the editor.

In this article, learn more about:

Customizing your Group page

Customize your group page to your needs. Match the group's design to that of your site, or design it to be relevant to the topics discussed. You can also customize the look of your group pages in the member apps using the Wix app.

Wix Editor

Studio Editor

Live Site

Wix App

Go to your editor.
Go to your Group page:
1. Click Pages & Menu on the left side of the editor.
2. Click Groups pages.
3. Click Group page.
Click the Group element on your page.
Click Settings.
Click any of the tabs to customize your page:
- Click Layout to Choose the cover image layout, height, and spacing. Choose the image gallery layout and the images per row.
- Click Display and choose a tab to edit and select the checkbox next to each element you want to show.
- Click Text to enter a placeholder text that appears in the field where members can write a post.
- Click Design to customize the colors and fonts for each element of your Group Page according to your site's design. Click Reset to original design at the bottom to revert your changes.

Customizing your Groups page

Customize your Groups page to show what you want to highlight. This page has two parts. One part shows a list of the groups on your site. The other shows a collection of posts from all groups combined in your 'Groups Feed'.

Wix Editor

Studio Editor

Go to your editor.
Go to your Groups page:
1. Click Pages & Menu on the left side of the editor.
2. Click Groups pages.
3. Click Groups.
Click the Groups element on your page.
Click Settings.
Click any of the tabs to customize your page:
- Click Layout to select a layout for the groups feed: Sidebar, List or Grid. Select the group cards layout and the number of cards per row.
- Click Settings to select how to sort your groups.
- Click Display to select the elements to display and the feed alignment.
- Click Text to enter a custom text for titles and sub-titles.
- Click Design to customize the colors and fonts for each element according to your site's design.

Adding and customizing your Groups Cards add-on

You can customize your Groups List add on and design it in a unique way, unlike the design you chose for your group. This way you can match it to the design of the page you added it to. Only public groups appear in the add-on.

Wix Editor

Studio Editor

Go to your editor.
Go to the Groups page in your site.
Click the Groups element on your page.
Click Settings.
Click Add-Ons.
Select the Cards add-on.
Select the relevant page in your site.
Click Add to Page.
Click the Groups Cards Add-On element on your page.
Click Settings.
Click any of the tabs to customize your add-on:
- Click Groups to select the groups you want to display.
- Click Display to select the elements to show on your group list.
- Click Layout to select a layout for the groups list.
- Click Settings to select how to sort your groups.
- Click Design to customize the colors and fonts for each element according to your site's design. Both for the regular and hover states.

Adding and customizing your Groups List add-on

Wix Editor

Studio Editor

Go to your editor.
Go to the Groups page in your site.
Click the Groups element on your page.
Click Settings.
Click Add-Ons.
Select the List add-on.
Select the relevant page in your site.
Click Add to Page.
Click the Groups List Add-On element on your page.
Click Settings.
Click any of the tabs to customize your add-on:
- Click Groups to select the groups you want to display.
- Click Display to select the elements to show on the Groups List add-on.
- Click Layout to select a layout for the groups list.
- Click Settings to select how to sort your groups.
- Click Design to customize the colors and fonts for each element according to your site's design. Both for the regular and hover states.

Adding and customizing your Groups Feed add-on

You can customize your Groups Feed add-on and design it in a unique way, unlike the design you chose for your group. This way you can match it to the design of the page you added it to. Only public groups appear in the add-on.

Wix Editor

Studio Editor

Go to your editor.
Go to the Groups page in your site.
Click the Groups element on your page.
Click Settings.
Click Add-Ons.
Select the Feed add-on.
Select the relevant page in your site.
Click Add to Page.
Click the Groups Feed Add-On on your page.
Click Settings.
Click any of the tabs to customize your add on:
- Click Settings to select the group you want to display.
- Click Display to select the elements to show.
- Click Design to customize the colors and fonts for each element according to your site's design.

Customizing your Group page tabs

Your Group page has tabs at the top that help show different things about your group. You can change the names of these tabs, add new ones, or hide tabs you don't want people to see. If you change a tab, it only changes that tab for that group.