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.
A screenshot of the Group Page
Wix Editor
Studio Editor
Live Site
Wix App
  1. Go to your editor.
  2. Go to your Group page:
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Groups pages.
    3. Click Group page.
  3. Click the Group element on your page.
  4. Click Settings.
  5. 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. 
A screenshot of Wix Groups Settings

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'.
A screenshot of Wix Groups on a live site
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Go to your Groups page:
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Groups pages.
    3. Click Groups.
  3. Click the Groups element on your page.
  4. Click Settings.
  5. 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. 

A screenshot of Wix Groups Settings

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.
A screenshot of Wix Groups on a live site
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Go to the Groups page in your site.
  3. Click the Groups element on your page. 
  4. Click Settings.
  5. Click Add-Ons.
  6. Select the Cards add-on.
  7. Select the relevant page in your site. 
  8. Click Add to Page.
  9. Click the Groups Cards Add-On element on your page.
  10. Click Settings.
  11. 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. 
A screenshot of Wix Groups Settings

Adding and customizing your Groups List 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.
A screenshot of Wix Groups List add on
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Go to the Groups page in your site.
  3. Click the Groups element on your page. 
  4. Click Settings.
  5. Click Add-Ons.
  6. Select the List add-on.
  7. Select the relevant page in your site. 
  8. Click Add to Page.
  9. Click the Groups List Add-On element on your page.
  10. Click Settings.
  11. 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. 
A screenshot of Wix Groups Settings

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. 
A screenshot of Wix Groups on a live site
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Go to the Groups page in your site.
  3. Click the Groups element on your page. 
  4. Click Settings.
  5. Click Add-Ons.
  6. Select the Feed add-on.
  7. Select the relevant page in your site. 
  8. Click Add to Page.
  9. Click the Groups Feed Add-On on your page. 
  10. Click Settings.
  11. 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. 
A screenshot of Wix Groups Settings

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.
A screenshot of Wix Groups on a live site
Dashboard
Wix app
Live site
  1. Go to Groups in your site's dashboard.
  2. Click the relevant group.
  3. Click Tabs.
  1. Choose what you want to do next:

FAQs

Click a question below to learn more about designing your group. 

Did this help?

|