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

# Create and Manage Custom Tabs

> Add, edit, reorder, and delete custom navigation tabs that link to external URLs or embedded apps. Restrict visibility by role or pricing tier. Owner-only.

The Custom Tabs tab lets you extend your community navigation with links to external resources, tools, or embedded apps. You can create up to 10 custom tabs, set who can see them, and even restrict them to specific pricing tiers.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/supacoder/images/community-settings/custom-tabs.png" alt="Custom Tabs settings showing tab list with drag handles, visibility badges, and add tab form" />
</Frame>

<Note>
  Only community owners and admins with **Manage settings** permission can access this tab.
</Note>

## Add a custom tab

<Steps>
  <Step>
    Open the **Custom Tabs** tab in **Community Settings**.
  </Step>

  <Step>
    Click **Add Custom Tab** at the bottom of the list.
  </Step>

  <Step>
    Choose the tab type. **Select App** links to a deployed Supa Chat app. **Manual URL** links to any external website.
  </Step>

  <Step>
    Enter a **Name** (max 22 characters, max 2 words).
  </Step>

  <Step>
    Enter or confirm the **URL** starting with `https://`.
  </Step>

  <Step>
    Pick a **Visibility** option: Public, Members, Admins, or Draft.
  </Step>

  <Step>
    Optionally restrict the tab to specific **pricing tiers**.
  </Step>

  <Step>
    Click **Save Tab**.
  </Step>
</Steps>

## Edit a custom tab

<Steps>
  <Step>
    Hover over the tab you want to change.
  </Step>

  <Step>
    Click the **Edit** (pencil) icon.
  </Step>

  <Step>
    Update the name, URL, visibility, or tier restrictions.
  </Step>

  <Step>
    Click **Save Tab**.
  </Step>
</Steps>

## Reorder tabs

You can change the order of custom tabs in two ways:

* **Drag and drop** — grab the grip handle and drop the tab where you want it
* **Arrow buttons** — click the up or down arrows next to each tab for precise control

## Delete a custom tab

<Steps>
  <Step>
    Hover over the tab you want to remove.
  </Step>

  <Step>
    Click the **Delete** (trash) icon.
  </Step>

  <Step>
    Confirm the deletion in the dialog. This cannot be undone.
  </Step>
</Steps>

## Visibility and tier restrictions

Each tab can have one of four visibility levels:

* **Public** — visible to everyone
* **Members** — visible only to community members
* **Admins** — visible only to admins
* **Draft** — hidden from everyone

If you have pricing tiers set up, you can also restrict a tab to members on specific tiers (plus admins). If no tiers are selected, the tab follows the general visibility setting.

<Tip>
  Use tier-restricted tabs to create gated content areas for paid members, such as bonus resources or exclusive tools.
</Tip>

## Frequently asked questions

<AccordionGroup>
  <Accordion title="What is the difference between Select App and Manual URL?">
    **Select App** links to a Supa Chat app you have already deployed and embeds it inside the community. **Manual URL** opens any external website in a new tab or iframe.
  </Accordion>

  <Accordion title="Can I duplicate an existing custom tab?">
    Yes. Open the three-dot menu next to any custom tab and choose **Duplicate**. The copy will appear at the bottom of the list with the same URL and visibility settings.
  </Accordion>

  <Accordion title="Why is my Supa Chat app not showing in the selector?">
    Only deployed apps appear in the selector. Make sure your app is deployed and associated with your account. Undeployed or draft apps will not be listed.
  </Accordion>

  <Accordion title="Do tier restrictions work without monetization enabled?">
    No. You must have at least one pricing tier configured in Monetization → Pricing before you can restrict tabs by tier.
  </Accordion>
</AccordionGroup>

## Troubleshooting

<AccordionGroup>
  <Accordion title="Save Tab button is greyed out">
    Make sure the tab name is filled in, under 22 characters, and uses at most 2 words. For Manual URL tabs, the URL must start with `https://` or `http://`.
  </Accordion>

  <Accordion title="Custom tab does not appear in navigation">
    Check the visibility setting. If it is set to Draft or restricted to a tier, it will not show for all members. Also confirm you have not reached the 10 tab limit.
  </Accordion>

  <Accordion title="Drag and drop reordering fails">
    Reordering requires a stable internet connection. If the drop does not save, use the arrow buttons instead. Refresh the page if the order looks incorrect.
  </Accordion>

  <Accordion title="Embedded app shows a blank screen">
    Some websites block iframe embedding for security reasons. Try switching to a Manual URL tab, which opens the link in a new tab instead of embedding it.
  </Accordion>
</AccordionGroup>

## Related

* [Default tabs](/community-settings/tabs)
* [Pricing and tiers](/monetization/pricing)
* [General settings](/community-settings/general)