# Tabs

<div data-full-width="true"><figure><img src="/files/dHaPBf9wiTvRsPXBrcnP" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=foxecom&#x26;utm_medium=help_center_foxify_tabs&#x26;utm_campaign=anchor-text&#x26;utm_term=explore_foxecom_affiliate_program_perks_now">Explore FoxEcom Affiliate program perks now</a> <span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

<figure><img src="https://lh7-us.googleusercontent.com/O8Fxm8zfH5-NKHPmflhLm1M1ercPnAZYpW36n_DFQNcpe1doiGdCza40Q5nSu22dkMZpdeUJgLkvm_wrLw1nRm0UfFVn1fNiuRXhRDGext0h3etSJ7C-c0ZNnP1l4H1VE_qfX8qaOC_b8Gx7jkP_tf8" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/CJnSNM0OvbbO2i6021nf" alt=""><figcaption></figcaption></figure>

**Tabs** provide an easy-to-understand way to organize content, especially when dealing with large amounts of information or multiple categories.

Moreover, it allows users to easily navigate between different sections, helps you reduce page length, and ensures mobile-friendliness for visitors.

## Customize a Tabs section

The **Tabs** section allows you to add a maximum of 5 **Content tab** blocks.

<figure><img src="/files/rRcvWkQoPgCI6YnB3drv" alt=""><figcaption></figcaption></figure>

### Content tab

Give the **Content tab** block a concise and clear **Tab name**. e.g. Product details

<figure><img src="/files/JU72kX8mRLeg52dr7fou" alt=""><figcaption></figcaption></figure>

Especially, users can add any child block to the **Content tab** block such as Grid - Columns, Block, etc, and build a tab content without limitation.

<div data-full-width="true"><figure><img src="/files/73rtuyBHKlIvRiBWTN9d" alt=""><figcaption></figcaption></figure> <figure><img src="/files/3JV38PjiD8xTBcknWxut" alt=""><figcaption></figcaption></figure></div>

### Create a Content tab

Here is a typical example of the **Content tab** block with limitles possibility:

This **Content tab** block below contains 2 main child blocks: **Grid** and **Testimonial content.**

* First, in the **Grid** block, you can add as many as **Columns** you want to display with different content inside such as Text, Heading, Image, or even Collapsible row, etc.
* Second, you will see a big **Testimonial content** block at the bottom of the tab. You can also replace this block with other types of block or even add more.

<figure><img src="/files/IekYgDyNSCJfuTTXQdSB" alt=""><figcaption></figcaption></figure>

This is the result of the example above:&#x20;

<figure><img src="/files/KkQ3Nft9xbylTgAiczeI" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/foxify-app/legacy-editor/sections-and-presets/tabs.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
