Back
Community List Widget
The Community List pre-built Widget inside the builder 2.0 allows you to display your communities on any page quickly. It lets you showcase a specific/all/categorized community, and offers other settings to quickly set up a page with a community list.
This article shows how you can use the community list widget and set different options available with it to display your communities 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 Community 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 Community Settings option to choose communities based on pricing categories and specific communities. You can even order the communities and decide how many communities should remain on a single page.
The Title Style & content 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 community cards and how they appear on your website. You can change the background and title color of the community 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 community 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 community 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 title and button texts, navigate to the Content tab. Here, you can change the ‘Joined Text’ and ‘Not Joined’ button texts to your choice.
