Back
Group List Widget
The Group List pre-built Widget inside the builder 2.0 allows you to display your group chats on any page quickly. It lets you showcase a specific/all/categorized group chats, and offers other settings to quickly set up a page with a group list.
This article shows how you can use the group list widget and set different options available with it to display your group chats on a page.
To begin, create a new blank section. You can create one by clicking the ADD SECTION button.
Click the Widgets tab on the left sidebar. Now, drag and drop the Group List widget into the empty section.
[Note: You must add widgets to a blank section.]
Right-click on the widget to open the editing panel on the right side of your screen. From there, you can click the Group Settings option to choose groups based on pricing categories and specific groups. You can even order the groups and decide how many groups should remain on a single page.
The Title Style option allows you to change the title color for both the normal and hover versions according to your preference.
Card Settings & Style
The ‘General tab’ lets you customize the group chat cards and how they appear on your website. You can change the background and title color of the group card.
Moreover, you have the option to Show Members label on the card and change its text color.
You can also decide whether to show or hide the price on the group chat cards. There’s also an option to show or hide the regular or discount price. After these, you’ll see options to set the colors for both the regular price and the discount price.
In addition, you also have the option to show action button on the group cards. Enabling the show button will allow you to change the button background and text color.
You can make the card appear more beautiful by adding card paddings, sizing, border, radius, and box shadow.
From the Styles tab, you can set the padding around the widget so that there's a gap between the top and bottom sections. As with all elements and widgets, you can style the borders from this tab in addition to other advanced customizations in Box shadow and Transform.
Add animation, custom CSS, conditional rendering, and more to the widget from the Advanced tab.
To change the group list content and button texts, navigate to the Content tab. Here, you can change the ‘Chat Now’ and ‘Join Group Chat’ button texts to your choice.
