--- title: Create a new Card Group component description: This article walks you through details about the card group component in the website builder and how to utilize them for your webpage. --- [Skip to content](https://support.tradewing.com/knowledge-base/create-a-new-card-group-component#main-content) English Show submenu for translations [Submit Support Question](https://support.tradewing.com/knowledge-base/kb-tickets/new) ![kblogo](https://support.tradewing.com/hubfs/kblogo.svg) - [Our Product](http://www.tradewing.com/terms-of-service) - [Customer Stories](http://www.tradewing.com/terms-of-service) - [Why Tradewing](http://www.tradewing.com/terms-of-service) Open main navigation Close main navigation - [Our Product](http://www.tradewing.com/terms-of-service) - [Customer Stories](http://www.tradewing.com/terms-of-service) - [Why Tradewing](http://www.tradewing.com/terms-of-service) - English Show submenu for translations - [Submit Support Question](https://support.tradewing.com/knowledge-base/kb-tickets/new) - Go to tradewing.com Go to tradewing.com Welcome to Tradewing! How can we help you? - There are no suggestions because the search field is empty. 1. [Knowledge Base | Tradewing](https://support.tradewing.com/knowledge-base) 2. [Tradewing AMS - Admin Site](https://support.tradewing.com/knowledge-base/tradewing-ams-admin-site) 3. [Website Builder](https://support.tradewing.com/knowledge-base/tradewing-ams-admin-site#website-builder) # Create a new Card Group component ## This article walks you through details about the card group component in the website builder and how to utilize them for your webpage. The website builder is equipped with various elements that can be incorporated into your webpage, one of which is the **Card**. This component allows you to include an image, a title, a subtitle, and a descriptive text. Additionally, you can set up a link that directs users to a specific page when they click on the card, or you can create a customizable button where a link can also be embedded.   We recommend utilizing cards for creating monthly newsletters, highlighting guest speakers for your events, or displaying articles prominently on your homepage. This allows redirection to the full article, event, or newsletter upon clicking the button or card.   1) Navigate to your website builder from the admin site. Click on the page you would like to edit.   2) Click "Add a New Component"   ![Screenshot 25-10-2024 at 14.25](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.25.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.25.png)   3) Click on Card Group.   ![Screenshot 25-10-2024 at 14.27](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.27.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.27.png)   4) Click "Choose Component"   ![Screenshot 25-10-2024 at 14.28](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.28.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.28.png)   5) Type in the component name here.   ![Screenshot 25-10-2024 at 14.29](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.29.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.29.png)   6) Click this dropdown to change the background color.   ![Screenshot 25-10-2024 at 14.30](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.30.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.30.png)   7) Click this dropdown to adjust the size of the cards.   ![Screenshot 25-10-2024 at 14.31](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.31.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.31.png)   8) Click this dropdown to switch the text alignment.   ![Screenshot 25-10-2024 at 14.32](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.32.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.32.png)   9) Click this dropdown to choose to either have the card be the link, or to have a button on each card.   ![Screenshot 25-10-2024 at 14.33](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.33.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.33.png)   10) Click on the image ratio to adjust the picture dimensions.   ![Screenshot 25-10-2024 at 14.46](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.46.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.46.png)   11) Click on these toggles to remove different components of the cards, such as image, sub title, card title, and body text.   ![Screenshot 25-10-2024 at 14.47](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.47.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.47.png)   12) Click "Card" to edit the card with the group. Click "Add a new card" at the bottom to add more cards, or click the "x" on a card to remove it from the group.   ![Screenshot 25-10-2024 at 14.49](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.49.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.49.png)   13) Click on the "Card Title" and "Card Body" fields to add your desired text.   ![Screenshot 25-10-2024 at 14.50](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.50.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.50.png)   14) Click the "Button copy" field to add your button text.   ![Screenshot 25-10-2024 at 14.51](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.51.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.51.png)   15) Click to have the button lead to an existing page, or type in an external URL link   ![Screenshot 25-10-2024 at 14.52](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.52.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.52.png)   16) Click "Choose Image" to add your card image.   ![Screenshot 25-10-2024 at 14.53](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.53.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.53.png)   17) Click "Back to \[card group component name\]" to edit the other cards in your card group.   ![Screenshot 25-10-2024 at 14.54](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.54.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.54.png)   18) Click "Publish" to publish your changes   ![Screenshot 25-10-2024 at 14.55](https://support.tradewing.com/hs-fs/hubfs/Screenshot%2025-10-2024%20at%2014.55.png?width=688&height=383&name=Screenshot%2025-10-2024%20at%2014.55.png)     - [Getting Started](https://support.tradewing.com/knowledge-base/getting-started) - [People](https://support.tradewing.com/knowledge-base/people) - [Tradewing AMS - Admin Site](https://support.tradewing.com/knowledge-base/tradewing-ams-admin-site#main-content) - [Website Builder](https://support.tradewing.com/knowledge-base/tradewing-ams-admin-site#website-builder) - [Membership Types](https://support.tradewing.com/knowledge-base/tradewing-ams-admin-site#membership-types) - [Community - Admin Site](https://support.tradewing.com/knowledge-base/community-admin-site) - [Groups](https://support.tradewing.com/knowledge-base/groups) - [Events](https://support.tradewing.com/knowledge-base/events#main-content) - [Videoconferencing Feature in Tradewing](https://support.tradewing.com/knowledge-base/events#videoconferencing-feature-in-tradewing) - [Profile and Personal Settings](https://support.tradewing.com/knowledge-base/profile-and-personal-settings) - [Community Engagement](https://support.tradewing.com/knowledge-base/community-engagement) - [Sponsorships](https://support.tradewing.com/knowledge-base/sponsorships#main-content) - [For Sponsors](https://support.tradewing.com/knowledge-base/sponsorships#for-sponsors) - [Settings](https://support.tradewing.com/knowledge-base/settings) - [For Members](https://support.tradewing.com/knowledge-base/for-members) - [Companies](https://support.tradewing.com/knowledge-base/companies) - [Integrations](https://support.tradewing.com/knowledge-base/integrations) - [Analytics](https://support.tradewing.com/knowledge-base/analytics) - [Intuto Learning Management System](https://support.tradewing.com/knowledge-base/intuto-learning-management-system) - [Tradewing LLC Mobile App](https://support.tradewing.com/knowledge-base/tradewing-llc-mobile-app) - [Financials](https://support.tradewing.com/knowledge-base/financials#main-content) - [Invoicing and Receipts](https://support.tradewing.com/knowledge-base/financials#invoicing-and-receipts) - [Other Items](https://support.tradewing.com/knowledge-base/financials#other-items) - [Promo Codes](https://support.tradewing.com/knowledge-base/financials#promo-codes) - [Shopping Cart](https://support.tradewing.com/knowledge-base/shopping-cart) - [Communications](https://support.tradewing.com/knowledge-base/communications) - [Meetings](https://support.tradewing.com/knowledge-base/meetings) - [Our Product](http://www.tradewing.com/terms-of-service) - [Customer Stories](http://www.tradewing.com/terms-of-service) - [Why Tradewing](http://www.tradewing.com/terms-of-service) [![Chill listening crop-3](https://support.tradewing.com/hs-fs/hubfs/27618f99-a855-4f4e-9a9c-9aa895c37630.png?width=22&height=24&name=27618f99-a855-4f4e-9a9c-9aa895c37630.png "Chill listening crop-3")](https://www.tradewing.com/) Tradewing Knowledge Base Copyright © 2025, Tradewing LLC