# Sections & Presets

{% hint style="warning" %}
**Starting January 24, 2025**, the **Legacy Editor (Basic editor)** will **no longer be available for creating pages** for new users.\
New users should use **FoxStudio** instead.

👉 Learn more about FoxStudio: [FoxStudio 🔥](/foxify-app/foxstudio/overview.md)
{% endhint %}

## What is a section?

Similar to Shopify sections, Foxify sections are modules that you use to customize the layout of your online store. 

Unlike Shopify sections, Foxify sections deliver a wide range of blocks with sheer customizability, allowing you to adjust every detail and create a layout you're happy with.

> *With Foxify, every little detail matters.*

## Add a section

Add a new section to any page in your online store.

{% hint style="success" %}
Steps:

1. From your Foxify dashboard, click on the template you want to edit.
2. In the template editor, click **Add section** in the [left sidebar](/foxify-app/legacy-editor/page-editor.md#the-left-sidebar) or **+ Add section** at the end of the [page outlines](/foxify-app/legacy-editor/page-editor.md#page-outlines).   
3. Select a new section from the list or use the **Search** bar to search for a specific term.
4.  Click on the new section to edit the blocks within the section.
5. Make necessary changes.
6. Click **Save**.
   {% endhint %}

## What are section presets?

Foxify brings you a powerful and high-converting list of section presets that have been used for thousands of online stores. 

You can get inspired by those presets (updated regularly) to create your ideal section and bring a stellar user experience.

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

## Save a custom section as a preset

After creating the section you're happy with, you can save and reuse it on other pages with Foxify.

{% hint style="success" %}
Steps:

1. After customizing a section, click on that section
2. In the **General** settings tab, navigate to the **Section preset** section
3. Select the **More actions** button
4. Click **Save as preset.**
   {% endhint %}

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

You will then see the saved presets in the corresponding section preset list.

## Use a section preset

{% hint style="success" %}
Steps:

1. After adding a section to your page, click on that section to select preset.
2. In the section's general settings tab, select **Change preset.**
3. Hover on the presets, hit **Preview** to see if it suits you, and click **Select** to add a preset.
4. Click **Use this preset anyway** and customize the section to your liking.&#x20;
5. Hit **Save** to finish.
   {% endhint %}

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

{% hint style="info" %}
We are excited to have a regular update on our section and block library. Kindly check often for new sections and blocks!
{% endhint %}


---

# 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.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.