# How to Add Flex Element Widgets?

If you wish your site to be more customized, using the Flex Mode will be your best friend. To add Flex element widgets, please follow the steps provided below.

1. &#x20;Go to Advanced Editor. Hover your mouse over to the section where you would like to add a Flex element widget, then click it to access Flex Mode.&#x20;

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2FtZeQsMCxyATCdvcwuOWA%2Fimage.png?alt=media&#x26;token=f4faf508-e73f-414a-ab9f-4660bab9aa71" alt=""><figcaption><p>This is what 'Flex Mode' would look like.</p></figcaption></figure>

2. To ADD A WIDGET, the easiest way is thru the Flexbox toolbar. (See the image below.) Simply click on the '+' icon shown below to access the available widgets.

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2Fx1ZWxyrUM28PzV7pkFjn%2Fimage.png?alt=media&#x26;token=90335593-b5ce-49c8-bd83-9312180d37b3" alt=""><figcaption></figcaption></figure>

3. Once you click the '+' icon, you will still be routed to the same widgets menu that you can see on the regular Advanced Editor. However, this time, another set of widgets are added. These are the Flex Elements widgets.

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2FS2USDV2IT85Xy7Vu0JMb%2Fimage.png?alt=media&#x26;token=5dd601e9-9402-476c-aa2c-92ce39f3f02d" alt=""><figcaption></figcaption></figure>
