# How to Add a Section on a Page Using Flex Mode?

To add a section on a certain page on your website, follow these simple steps.

Once you are on the Advanced Editor, if you hover your mouse in between the sections of a page, you will see an **“+ Add Section”** button. (Please see the screenshot below.)

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2FswLzU5k0SYfMquFPpqFE%2Fimage.png?alt=media&#x26;token=bebc1f91-58ae-4345-b33a-483a4ddb94c0" alt=""><figcaption></figcaption></figure>

2. After clicking the said button, the **“FLEX SECTION”** panel and pop-up will appear on the left side of the screen.

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2FoSinJrWKKayLfRRSwWGc%2Fimage.png?alt=media&#x26;token=e5846cdb-c9df-4d04-9963-f20da583d6f0" alt=""><figcaption></figcaption></figure>

3. You will see that there are several different types of sections to choose from each of which has a different purpose.

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2F22ukm438abpz0u8nnO1h%2Fimage.png?alt=media&#x26;token=6e8ec4cf-3787-4a7c-a11a-e2d80c5bb116" alt=""><figcaption></figcaption></figure>

**NOTE:**

* There are 22 different sections that you can add. These are the *Header, Intro, Coming Soon, Features, About, Logos, Text Blocks, Tabs, Text & Image, Team, Restaurant, Testimonials, Contact Us, Gallery, Video, Events, Promotion, FAQS, Plans, Social, Full Page and Footer.*
* Once you click on the name of the section you want to add, the window beside the panel will show *preset templates* for each section.

4. After clicking the template that you want, the new section will appear on the page.

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2Fep65tGYabBtfSQtCoKlL%2Fimage.png?alt=media&#x26;token=43ba2692-b0ff-41af-8e43-23a2511c089f" alt=""><figcaption></figcaption></figure>

**NOTE:** You can also click on the **<** and **>** arrows on the top of the generated section to switch from one template to another rather than clicking on the templates one by one.

5. When you are satisfied with how the section looks, just click the **“Save Section”** button.

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2FFOz55g12Hf4q4mkudkj0%2Fimage.png?alt=media&#x26;token=1f23110a-09cc-48e5-a98b-addb723cff57" alt=""><figcaption></figcaption></figure>
