> For the complete documentation index, see [llms.txt](https://docs.tebex.io/creators/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tebex.io/creators/tebex-control-panel/webstore/sidebar.md).

# Sidebar

{% hint style="info" %}
**Check out our new Storefronts feature!** [Read this article](/creators/tebex-control-panel/storefronts.md).

[Information for Legacy Webstore template users.](/creators/tebex-control-panel/storefronts.md#legacy-webstores)
{% endhint %}

The **Sidebar** on your Tebex store displays dynamic content modules to engage customers, showcase purchases, track goals, and more. It appears vertically on either the **left or right-hand side** of your store depending on your template.

To access the Sidebar settings:\
📍 **Webstore → Sidebar** in your Tebex Control Panel.

***

### Default Modules

When you first access the Sidebar page, you’ll see three modules already installed:

* **Text Box**
* **Top Customer**
* **Recent Payments**

You can edit, remove, or reorder these—or add more modules.

***

### Adding a Sidebar Module

1. Click **Add Module To Sidebar** (top right).
2. Select your desired module and click **Create**.
3. If the module requires configuration (e.g., Featured Package, Server Status), complete the settings on the next screen.
4. Click **Create** again to confirm.

> You can drag and drop modules to rearrange the order in which they appear.

***

### Editing a Module

1. Locate the module in the list.
2. Click **Edit**.
3. Make your changes.
4. Click **Update** to save.

***

### Deleting a Module

1. Click **Delete** next to the module you want to remove.
2. Confirm by clicking **Delete** again in the confirmation dialog.

***

### Available Sidebar Modules

Below is a breakdown of all available modules and their functions:

***

#### **Community Goal**

> Requires a [Community Goal](https://docs.tebex.io/creators/tebex-control-panel/engagement/community-goals) to be created first.

Displays progress toward a fundraising or support milestone.\
Configurable elements include:

* Goal animation
* Progress bar style
* Start and end visibility dates

***

#### **Featured Package**

Highlights a specific package—ideal for sales, limited-time offers, or seasonal promotions.

***

#### **Gift Card Balance** *(Tebex Plus required)*

Lets customers check their remaining balance by entering their gift card code.

***

#### **Payment Goal**

Track progress toward a specific revenue milestone.

* Set daily, weekly, or monthly goals
* Useful for funding server costs or donation targets

***

#### **Recent Payments**

Displays the latest customer payments (recommended: max 5).

* Includes usernames and avatars (game-dependent)
* Builds social proof and promotes community support

***

#### **Server Status** *(Minecraft only)*

Displays server status and player count.

* Requires server IP and port
* Shows online/offline status and current player count

***

#### **Text Box**

Custom content box to display HTML or text. Ideal for:

* "About Us"
* Store rules
* Contact info
* Announcements

***

#### **Top Customer**

Highlights the customer who has spent the most during a defined period.

* Recommended reset period: weekly
* Helps encourage friendly competition and recognition

***

### Notes

* Some modules may not appear on all templates depending on layout or custom modifications.
* Tebex does not support template customization issues—reach out to your template creator for help with layout compatibility.