Groups are a great way to keep your members engaged around your business and their topics of interest. Post updates and connect between members to get the conversation started.
Step 1 | Add the Wix Groups app to your site
You can find Wix Groups in the Wix App Market. If you've already added Groups using the Wix Owner app, it will already appear as a
pending app. If not, simply go to the App Market and type "Wix Groups" in the search bar.
- Go to the App Market in your Editor.
- Wix Editor: Click the
icon on the left side of the Editor. - Editor X: Click the
icon on the top bar.
- Type "Wix Groups" in the search bar.
- Click Add.
- Click Get Started.
Step 2 | Create your first group
Head over to Groups in your site's dashboard to create your first group. The process only takes a minute: Enter your group's name, set its privacy level, add an image and you're good to go.
- Go to Groups in your site's dashboard.
- Click + Create Group at the top right.
- Choose from the available templates or create a custom group.
- Fill in your group's information.
- Click Create Group.
Step 3 | Set up your Group List page
Your group list page is where visitors and members can see your groups. From the Editor, you can choose a layout for the page, give it a custom title and select what information to display.
- In the Editor, click the Groups app.
- Click Settings at the top.
- Set the page's layout:
- Click the Layout tab.
- Choose one of the available layouts: List or Grid.
- Select an image ratio for your groups' cover images: 1:1 or 16:9.
- Select your page's title alignment: Left or Center.
- Drag the Card Spacing slider to increase or decrease the space between the different groups on your list.
- Drag the Top and Bottom Padding slider to increase or decrease the spacing between each group.
- Drag the Side Padding slider to increase or decrease the spacing on the side of each group.
- Select what options to display on your group list:
- Click the Display tab.
- Select the checkboxes next to the options you want to show:
- Group List Title: The page's title (which you can customize later).
- Search and Sorting: The option to search your groups and sort them.
- Member Count: The amount of members in each of your groups.
- Image: The cover photo for each of your groups.
- Admin Badge: The admin badge for each of your groups.
- Customize the group list title:
- Click the Text tab.
- Enter a new name for your page.
Step 4 | Design your Group List page
Your group list page is fully customizable. From the Editor, you can design the page's texts, buttons and background to get the look and feel you need.
- In the Editor, click the Groups app.
- Click Settings at the top.
- Click the Design tab.
- Click Text and design the text on your group list page using the following options:
- List Title Style & Color:
- Click the color box to select a color for your list's title.
- Click the Text icon
to customize the font.
- Group Name Style & Color:
- Click the color box to select a color for the group names appearing on your list.
- Click the Text icon to customize the font.
- Text Color on Hover: Click the color box to select a color for your text when a member hovers over it.
- Group Info Style & Color:
- Click the color box to select a color for the group names appearing on your list.
- Click the Text icon to customize the font.
- Design your buttons:
- Click Back at the top left.
- Click Button.
- Click View to design your button's style:
- Choose your button's shape: Rectangular or elliptical.
- Choose your button's border and text color.
- (For elliptical buttons only) Drag the Corner Radius slider to adjust the size.
- Click Join to design your button's style:
- Choose your font style and color.
- Select the background color of your button.
- Font Style & Color:
- Click the color box to select a color for the text on your button.
- Click the Text icon to customize the font.
- Button Color: Click the color box to select a color for your button's background.
- (Elliptical buttons only) Drag the Corner Radius slider to round your button's corners.
- Design your group list's background and border colors:
- Click Back at the top left.
- Click Background and Border.
- Design your group list page's background:
- Click the color box next to Fill Color and Opacity to select a background color for your page.
- Drag the slider to increase or decrease the opacity.
- Border Color and Opacity:
- Click the color box next to select a color for your page's borders.
- Drag the slider to increase or decrease the opacity.
- Border Width: Drag the slider to increase or decrease the border's width.
