> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tightknit.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Pages

> An overview of all pages on the Tightknit community site.

The pages within your Tightknit community site are organized as follows:

```
📁 pages/
├── / (home)
├── /events/
│   └── /details/<event-id>/<event-slug>
├── /groups/
│   └── /<group-slug>
├── /members/
│   └── /<profile-id>
├── /resources/
│   └── /<collection-slug>
├── /tags/
│   └── /<tag-slug>
├── /x/
│   └── /<feed-slug>/
│       ├── /pinned
│       └── /<post-id>/<post-slug>
├── /search
└── /community-guidelines
```

Some of these pages may or may not be present depending on your Community Site configuration.

## Navigation

### Navbar Header

The navbar header will contain your site logo and the call-to-action button. The logo will be the [Site Horizontal Logo](/branding), if configured, otherwise the Site Icon alongside the name of the site.

<Frame caption="Site navbar header with logo and call-to-action">
  <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/navbar.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=6afac88ddeff4f5cafbc1df25b19aba4" alt="Site navbar header with logo and call-to-action" width="1063" height="63" data-path="assets/tightknit-site/navbar.png" />
</Frame>

#### Call-to-Action Button

<Frame caption="Call-to-action button">
  <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/CTAButton.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=2aac29272836db09f2ef45dabc905c93" alt="Call-to-action button" width="182" height="63" data-path="assets/tightknit-site/CTAButton.png" />
</Frame>

The Call-to-action button is featured not just in the navbar but across the website experience, especially in places where interactivity is not allowed unless the user joins the Slack workspace.

The Call-to-action button is typically a link to join your Slack community. See how to configure it [here](/community-site/call-to-action).

### Sidebar

The navigation sidebar contains links to all [Feeds](#feed), except hidden Feeds, as well as the following items:

* [Home](#home)
* [Events](#events-list)
* [Groups](#groups-list)
* [Members](#members-list)
* [Community Guidelines](#community-guidelines)
* [Custom links](/community-site/navigation)

<Frame caption="Navigation sidebar with feeds and page links">
  <img src="https://mintcdn.com/tightknit/510fnWGbA38NwHOk/assets/tightknit-site/pages/sidebar.png?fit=max&auto=format&n=510fnWGbA38NwHOk&q=85&s=ae381d01981702405f1dc1ab95c69f04" alt="Navigation sidebar with feeds and page links" width="332" height="609" data-path="assets/tightknit-site/pages/sidebar.png" />
</Frame>

The Feed navigation items will display the emoji icon using the [Noto Emoji Google font](https://fonts.google.com/noto/specimen/Noto+Emoji), if any are configured for the Feed ([instructions](/channels-and-feeds/manage-feeds)), or falls back to a default icon.

<Warning>
  The Noto Emoji Google font has limited support across browsers. We highly
  recommend testing your choice of emoji in the [Noto Emoji Type
  tester](https://fonts.google.com/noto/specimen/Noto+Emoji/tester) within the
  major browsers.
</Warning>

## Home

The **Home page** of your site encapsulates what your community is about and why users should join while directing them immediately to relevant content, featuring:

* Welcome message and community description
* Banner image
* Stats of the community: number of posts and number of members
* Upcoming events
* Feeds Tile Menu list

<Frame caption="Community site home page">
  <img src="https://mintcdn.com/tightknit/UUILCHqZIh1p4QUW/assets/companion-site-screenshot.png?fit=max&auto=format&n=UUILCHqZIh1p4QUW&q=85&s=0f70fd60adf5dc01874999488db9ecc0" alt="Community site home page" width="1495" height="1288" data-path="assets/companion-site-screenshot.png" />
</Frame>

<Info>
  **Early Stage Communities** <br />
  Brand new communities don't need to worry about displaying potentially underwhelming
  stats, like `1 member`, on the Home page. If they're under 10 members,
  we'll skip them. We've all got to start somewhere after all. Happy growing! 📈
</Info>

## Feed

The **Feed detail page** displays the sorted posts within a Feed. A Feed is connected to a channel in your Slack workspace.

Feed pages are found at the URL path `/x/<feed-slug>`.

<Frame caption="Feed page with sorted posts">
  <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/feed/feed.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=97f899f92a0ecbbf09a4ce98c57d70aa" alt="Feed page with sorted posts" width="1617" height="966" data-path="assets/tightknit-site/feed/feed.png" />
</Frame>

### Pinned Posts

If [Show Pinned Posts](/channels-and-feeds/create-feed#feed-settings) is enabled for a Feed, a **Pinned Posts** carousel appears at the top of the Feed page, highlighting important posts that have been pinned by admins.

### Description and Topic

Describes the purpose and topic of your Feed. This section is linked to the `Description` and `Topic`, respectively, of your Slack channels
and will be updated automatically [when the channel is updated](/slack/sync-guide).

<Frame caption="Feed description and topic section">
  <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/feed/about-section.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=55dcb3204efcc3ab923773eb9ef1f916" alt="Feed description and topic section" width="408" height="375" data-path="assets/tightknit-site/feed/about-section.png" />
</Frame>

If either of these sections are empty, they are not shown on the page.

### Sorting

Use the Feed sort select menu to choose the order the Feed posts are displayed.

<Frame caption="Feed sort options menu">
  <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/feed/sorting.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=42fcf3f309ef3f0aa260ce8204405663" alt="Feed sort options menu" width="325" height="254" data-path="assets/tightknit-site/feed/sorting.png" />
</Frame>

Depending on the Feed type, you may see the following options:

* **Most Recent Activity** - the posts with the most recent comments are displayed first
* **Newest** - the posts created most recently are displayed first
* **Oldest** - the oldest posts are displayed first

User sorting preferences are remembered on a per-Feed basis.

### Display Settings

The **default list view display setting** is determined by the ["List View Display" setting in the admin Feed settings](/channels-and-feeds/manage-feeds).

Users can also use the Feed post display select menu to choose the format in which Feed posts are displayed. User display setting preferences are remembered on a per-Feed basis.

#### Snippet

Includes the body of the post, up to a certain length, and attachments.

<Frame caption="Snippet display view with post body preview">
  <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/feed/display-snippet.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=9ab65a1c279cd6ad70c03309046f54dc" alt="Snippet display view with post body preview" width="894" height="713" data-path="assets/tightknit-site/feed/display-snippet.png" />
</Frame>

#### Compact

Displays only the title and some activity stats.

<Frame caption="Compact display view with titles only">
  <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/feed/display-compact.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=2fad8830c2fa59b9d693b3df148f84aa" alt="Compact display view with titles only" width="894" height="335" data-path="assets/tightknit-site/feed/display-compact.png" />
</Frame>

#### Card

Displays the post in a blog-like style, including a cover image and reading time. The cover image is the first image file attachment on the associated Slack message, if any.

<Frame caption="Card display view with cover images">
  <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/feed/display-card.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=d9c6d1432e606b8b2b76a12c1f40dd00" alt="Card display view with cover images" width="918" height="494" data-path="assets/tightknit-site/feed/display-card.png" />
</Frame>

#### Changelog

Displays posts in a chronological timeline grouped by date, ideal for product updates and release notes. Each entry shows the full post body, author profile, and date.

### Share

Click the `Share` button to bring up the Share modal.

<Frame caption="Share button on a feed page">
  <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/feed/share-button.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=994bf2ab1b5fa72620c5d1b3c9948070" alt="Share button on a feed page" width="321" height="89" data-path="assets/tightknit-site/feed/share-button.png" />
</Frame>

Share the current Feed to your favorite socials, and let the world know about your latest activity! 😎

<Frame caption="Share modal with social sharing options">
  <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/feed/share-modal.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=97c2544333215a10b95558f5ff41ea0a" alt="Share modal with social sharing options" width="476" height="237" data-path="assets/tightknit-site/feed/share-modal.png" />
</Frame>

### Follow (RSS)

Click the `Follow` button to bring up the RSS modal.

<Frame caption="Follow button on a feed page">
  <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/feed/follow-button.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=acec3c338840abd5f9ac39dcb1073a58" alt="Follow button on a feed page" width="409" height="112" data-path="assets/tightknit-site/feed/follow-button.png" />
</Frame>

Use your favorite RSS reader to keep up-to-date with the latest posts in the Feed.

<Frame caption="RSS subscription modal">
  <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/feed/rss-modal.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=f660492ce3ecb0f56a0370ffe6fc635f" alt="RSS subscription modal" width="577" height="290" data-path="assets/tightknit-site/feed/rss-modal.png" />
</Frame>

#### Subscribing in Slack

Slack has a nifty tool to subscribe to RSS updates within a channel!

<Steps>
  <Step>
    ### Slack `feed` Command

    Simply start typing a message in your channel and type `/feed <RSS-LINK>`,
    where the RSS link is replaced with the link shown in the Tightknit RSS modal.

    <Frame caption="Using the Slack /feed command to subscribe">
      <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/feed/rss-slack1.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=5bcad021fd289b25a35df188056395ed" alt="Using the Slack /feed command to subscribe" width="644" height="147" data-path="assets/tightknit-site/feed/rss-slack1.png" />
    </Frame>
  </Step>

  <Step>
    ### Subscribe

    Once the command is entered, your Slack channel will
    now be notified every time there is a new post made in the Tightknit Feed.

    <Frame caption="RSS notification received in Slack">
      <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/feed/rss-slack2.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=b660c6fbe08fa39adff4f3ff13d48d0e" alt="RSS notification received in Slack" width="951" height="337" data-path="assets/tightknit-site/feed/rss-slack2.png" />
    </Frame>

    Slack is feeding into Tightknit feeding into Slack! 🤯
  </Step>
</Steps>

### Embed (Beta)

Click the `Embed` tab within the Share/Follow modal to get the iframe code you can put in another website and embed the Tightknit Feed. The Embed Preview shows an example of what the iframe would look like with the provided parameters.

<Frame caption="Embed tab with iframe code for a feed">
  <img src="https://mintcdn.com/tightknit/Alib_AyeoUZhTrY3/assets/tightknit-site/feed/embed-tab-feed.png?fit=max&auto=format&n=Alib_AyeoUZhTrY3&q=85&s=89611e570f09b4855b142ca0ca7b2ebf" alt="Embed tab with iframe code for a feed" width="1052" height="1358" data-path="assets/tightknit-site/feed/embed-tab-feed.png" />
</Frame>

## Post

The **Post detail page** displays a post and comments from a community Feed.
Posts are sourced from messages in Slack and are updated automatically [when the original message changes](/slack/sync-guide).

Post detail pages are found at the URL path `/x/<feed-slug>/<post-id>/<post-slug>`.
Users will be redirected to this canonical URL if the post slug in the URL is omitted or incorrect.

The Post detail page generally includes:

* An auto-generated title
* The author
* The posted date (respects the original Slack message send date)
* A permalink back to the original Slack message
* Emoji reactions from the original Slack message
* All synced comments on the post, with the above info on each comment

### Display Settings

The **post detail display type** is determined by the ["Post Detail Display" setting in the admin Feed settings](/channels-and-feeds/manage-feeds).

#### Discussion

The Discussion display is best suited for chats, FAQs, and threaded discussions.

<Frame caption="Post detail page in discussion display">
  <img src="https://mintcdn.com/tightknit/510fnWGbA38NwHOk/assets/tightknit-site/post/post-detail-display-discussion.png?fit=max&auto=format&n=510fnWGbA38NwHOk&q=85&s=3c0577fd903545340007462ac7d4e683" alt="Post detail page in discussion display" width="1184" height="889" data-path="assets/tightknit-site/post/post-detail-display-discussion.png" />
</Frame>

#### Blog

The Blog display is best suited for blog posts, where the cover image should take front and center. The cover image is the first image file attachment on the associated Slack message, if any, and is not included in the attachments section if there are additional files.

<Frame caption="Post detail page in blog display">
  <img src="https://mintcdn.com/tightknit/510fnWGbA38NwHOk/assets/tightknit-site/post/post-detail-display-blog.png?fit=max&auto=format&n=510fnWGbA38NwHOk&q=85&s=c693c2e3df1da9897487e0b996ad8c60" alt="Post detail page in blog display" width="1443" height="1269" data-path="assets/tightknit-site/post/post-detail-display-blog.png" />
</Frame>

##### Related Posts

Related posts are displayed in a section at the bottom of the page.

<Frame caption="Related posts section on a blog post">
  <img src="https://mintcdn.com/tightknit/510fnWGbA38NwHOk/assets/tightknit-site/post/post-detail-related-blog.png?fit=max&auto=format&n=510fnWGbA38NwHOk&q=85&s=f2e8adea26593b5f0f94869c6574c9bd" alt="Related posts section on a blog post" width="1233" height="512" data-path="assets/tightknit-site/post/post-detail-related-blog.png" />
</Frame>

<Note>
  Related posts is currently in beta. Please reach out to
  [Support](mailto:support@tightknit.ai) if you are interested in this feature.
</Note>

### Share

Click the `Share` button to bring up the Share modal.

<Frame caption="Share button on a post detail page">
  <img src="https://mintcdn.com/tightknit/510fnWGbA38NwHOk/assets/tightknit-site/post/post-detail-share-button.png?fit=max&auto=format&n=510fnWGbA38NwHOk&q=85&s=e3b5ffda946b685bfe1b1e0bd77cfa97" alt="Share button on a post detail page" width="1006" height="104" data-path="assets/tightknit-site/post/post-detail-share-button.png" />
</Frame>

Share the current Feed to your favorite socials, and let the world know about this awesome post! 😎

<Frame caption="Share modal for a post">
  <img src="https://mintcdn.com/tightknit/510fnWGbA38NwHOk/assets/tightknit-site/post/post-detail-share-modal.png?fit=max&auto=format&n=510fnWGbA38NwHOk&q=85&s=9adc68cd581992803720ffbf34226cf4" alt="Share modal for a post" width="1050" height="534" data-path="assets/tightknit-site/post/post-detail-share-modal.png" />
</Frame>

### Embed (Beta)

Click the `Embed` tab within the Share modal to get the iframe code you can put in another website and embed the Tightknit post. The Embed Preview shows an example of what the iframe would look like with the provided parameters.

<Frame caption="Embed tab with iframe code for a post">
  <img src="https://mintcdn.com/tightknit/510fnWGbA38NwHOk/assets/tightknit-site/post/embed-tab-post.png?fit=max&auto=format&n=510fnWGbA38NwHOk&q=85&s=0508cc5555858ee202be512219e52ed6" alt="Embed tab with iframe code for a post" width="1050" height="1152" data-path="assets/tightknit-site/post/embed-tab-post.png" />
</Frame>

### Post Creation

Authenticated users can create new posts directly from the community site at `/post/new`. Users can select a Feed to post to, compose their content, and publish. The post will be synced to the associated Slack channel.

#### Image Uploads

When composing a post, you can attach images directly in the editor. Images are embedded inline in the post body and also sync to the Slack message as image blocks.

* Up to **10 images** per post
* Supported formats: JPEG, PNG, GIF, WebP
* Maximum file size per image is determined by your plan settings

#### Link Previews

When composing a post, pasting a URL on its own line automatically generates an inline **link preview card** showing the page's title, description, and image (sourced from the page's Open Graph metadata). The preview is saved with the post and renders on both the community site and in Slack (via Slack's native unfurl).

Link previews only appear when a URL is pasted on its own line. URLs included inline within a sentence remain as regular links.

### Post Editing

Post authors can edit their own site-created posts by clicking the actions menu on the post detail page and selecting **Edit**. You can modify both the title and body of the post. Edits are automatically synced back to the associated Slack message.

### Comment Editing

Comment authors can edit their own site-created comments inline by clicking the actions menu on a comment and selecting **Edit**. Edits are automatically synced back to the associated Slack thread reply.

## Events List

The **Events List page** displays the events in the community. Users can discover events and navigate to individual [Event detail pages](#event).

The page has three tabs for filtering events by time:

* **All** (default): Shows all events in a unified stream, with currently happening first, then upcoming in chronological order, then past in reverse-chronological order.
* **Upcoming**: Shows only future events in chronological order.
* **Past**: Shows only past events in reverse-chronological order.

## Event

The **Event detail page** displays information about a specific event, including:

* Cover image
* Event details
* Call-to-action
* Registration buttons (*coming soon*)
* Recap and video recording (*coming soon*)

<Frame caption="Event detail page">
  <img src="https://mintcdn.com/tightknit/510fnWGbA38NwHOk/assets/tightknit-site/pages/event-detail-page.png?fit=max&auto=format&n=510fnWGbA38NwHOk&q=85&s=d3b1a4cce002a69ccfba583cb78bd7c1" alt="Event detail page" width="1176" height="903" data-path="assets/tightknit-site/pages/event-detail-page.png" />
</Frame>

## Groups List

The **Groups List page** displays the public user groups of the community.

Group visibility can be configured in the [Groups settings](/community/groups).

<Frame caption="Groups list page">
  <img src="https://mintcdn.com/tightknit/510fnWGbA38NwHOk/assets/tightknit-site/pages/groups-list-page.png?fit=max&auto=format&n=510fnWGbA38NwHOk&q=85&s=4eee85601d26fe304eea58c8cd1a19b9" alt="Groups list page" width="1238" height="752" data-path="assets/tightknit-site/pages/groups-list-page.png" />
</Frame>

## Group

The **Group detail page** displays information about a specific featured member [Group](/community/groups), including the group members.

<Frame caption="Group detail page with member list">
  <img src="https://mintcdn.com/tightknit/510fnWGbA38NwHOk/assets/tightknit-site/pages/groups-detail-page.png?fit=max&auto=format&n=510fnWGbA38NwHOk&q=85&s=903749d19efef45b4fcfd75d2811a25e" alt="Group detail page with member list" width="1239" height="773" data-path="assets/tightknit-site/pages/groups-detail-page.png" />
</Frame>

## Members List

The **Members List page** lists the members of the community in a directory.

<Frame caption="Members list directory page">
  <img src="https://mintcdn.com/tightknit/510fnWGbA38NwHOk/assets/tightknit-site/pages/members-list-page.png?fit=max&auto=format&n=510fnWGbA38NwHOk&q=85&s=a0665b5ab16063377213e843f467c6ad" alt="Members list directory page" width="1239" height="773" data-path="assets/tightknit-site/pages/members-list-page.png" />
</Frame>

## Profile

The **Profile detail page** shows the user's info and activity within the community.

Profile detail pages are found at the URL path `/user/<profile-id>`.
Note that the id belongs to the user's *Tightknit* profile, not their Slack profile.

Admin users have `ADMIN` badge next to their name.
Users connected to Slack bots or apps will have an `APP` badge next to their name.

<Frame caption="User profile detail page">
  <img src="https://mintcdn.com/tightknit/510fnWGbA38NwHOk/assets/tightknit-site/profiles/profile.png?fit=max&auto=format&n=510fnWGbA38NwHOk&q=85&s=37130c285459e6b661e980bf096a279c" alt="User profile detail page" width="1357" height="902" data-path="assets/tightknit-site/profiles/profile.png" />
</Frame>

<Info>
  By default, the Tightknit community site shows the full name from the user's
  Slack profile. Please contact [Support](mailto:support@tightknit.ai) if you
  need a different name display style.
</Info>

<Info>
  Profiles of bot users always display the full bot name and image from Slack.
  If you prefer that bot profile images instead reflect your community logo,
  please contact [Support](mailto:support@tightknit.ai).
</Info>

### Profile Tabs

#### Overview

The **Overview** tab contains a Feed of the user's combined post and comment activity in all Feeds,
except unlisted Feeds. It also displays certain [profile fields](/profiles/profile-fields) from the user's Slack profile.

The sidebar shows the user's [Awards & Badges](/gamification/awards), any [public groups](/community/groups) the user belongs to, and their About section with profile fields.

<Note>
  Want to know when a user's profile info is synced from Slack to the community
  site? See the [Community Site Sync Guide ](/slack/sync-guide).
</Note>

#### Posts

The **Posts** tab contains a count of the user's authored posts and a Feed containing the user's post activity in all Feeds.

#### Comments

The **Comments** tab contains a count of the user's authored comments and a Feed containing the user's comment activity in all Feeds.

## Resources

The **Resources List page** displays content collections for the community. Each collection can contain curated resources organized by topic.

Resource collection pages are found at the URL path `/resources/<collection-slug>`.

## Tag Detail

The **Tag detail page** displays all content associated with a specific [tag](/tags/getting-started). Tag detail pages are found at the URL path `/tags/<tag-slug>`.

The page shows the tag's label and description, along with all content associated with that tag.

Tag detail pages are linked from tag badges that appear on event cards, resource cards, and other content throughout the site.

## Search

<Note>
  Search is currently in alpha. Please reach out to
  [Support](mailto:support@tightknit.ai) if you are interested in this feature.
</Note>

Users can search your community site through the Search Box in the navigation bar. The Search Results page will display relevant matching content within the site's Posts, Comments, and more.

<Frame caption="Search results on the community site">
  <img src="https://mintcdn.com/tightknit/510fnWGbA38NwHOk/assets/tightknit-site/pages/search_animation.gif?s=bb8bd7238b95fe017d9ef66b991f3001" alt="Search results on the community site" width="960" height="703" data-path="assets/tightknit-site/pages/search_animation.gif" />
</Frame>

## Community Guidelines

The **Community Guidelines page** displays the community guidelines, if you have [configured guidelines in Tightknit settings](/moderation/community-guidelines).

<Frame caption="Community guidelines page">
  <img src="https://mintcdn.com/tightknit/510fnWGbA38NwHOk/assets/tightknit-site/pages/community-guidelines-page.png?fit=max&auto=format&n=510fnWGbA38NwHOk&q=85&s=1b307ad7d8acc6e80660b0f0641f6102" alt="Community guidelines page" width="2378" height="1464" data-path="assets/tightknit-site/pages/community-guidelines-page.png" />
</Frame>


## Related topics

- [Home Page](/community-site/home-page.md)
- [Navigation & Routes](/community-site/navigation.md)
- [Getting Started](/tags/getting-started.md)
- [Groups](/community/groups.md)
- [Polls](/member-engagement/polls.md)
