# Add more groups to "About Us" page

**URL:** https://meta.discourse.org/t/add-more-groups-to-about-us-page/110381
**Category:** Support
**Created:** [2월 28, 2019, 8:31오후 UTC](https://meta.discourse.org/t/add-more-groups-to-about-us-page/110381 "2019-02-28T20:31:48Z")
**Posts on this page:** 1
**Showing post:** 4

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [3월 1, 2019, 8:28오후 UTC](https://meta.discourse.org/t/add-more-groups-to-about-us-page/110381/4 "2019-03-01T20:28:39Z")

</div>

There isn’t a setting you can change to do this, but it’s possible in a theme.

Add this to `admin > customize > themes > edit CSS/HTML > common > head`

```plaintext
<script type="text/discourse-plugin" version="0.8">
const ajax = require('discourse/lib/ajax').ajax;

  api.registerConnectorClass('about-after-moderators', 'custom-group', { 
    setupComponent(args, component) {

        var groups = ["trainees", "interns"]; // Add group names here
        
        groups.forEach(function(group) {
            ajax("/groups/" + group + "/members.json").then (function(result){ 
              var groupMembers = [];
              result.members.forEach(function(members){
                groupMembers.push(members);
              });
              component.set(group, groupMembers); 
            });
        });
    }
    });
    
</script>

<script type="text/x-handlebars" data-template-name="/connectors/about-after-moderators/custom-group"> 

<!-- Duplicate me -->
<section class='about custom'> 
   <h3>{{d-icon "users"}} Our Trainees</h3> <!-- Change icon and title -->
   <div class='users'>
     {{#each trainees as |u|}} <!-- change group name here -->
       {{user-info user=u}}
     {{/each}}
    </div>
</section>
<!-- duplicate end -->

<section class='about custom'> 
   <h3>{{d-icon "users"}} Our Interns</h3> <!-- Change icon and title -->
   <div class='users'>
     {{#each interns as |u|}} <!-- change group name here -->
       {{user-info user=u}}    
     {{/each}}
    </div>
</section>

<!-- Add more groups here -->

</script>

```

If you want to add more groups:

1. Add the name where it says `// Add group names here` and then duplicate one of the sections
2. Duplicate the section surrounded by `<!-- Duplicate me -->`
3. Change the group name and title in the section you just duplicated (where noted)

---

_[View the full topic](https://meta.discourse.org/t/add-more-groups-to-about-us-page/110381)._