# Create a Theme Section

{% hint style="warning" %}
Custom theme section editor uses the **Legacy editor (Basic editor)**.

They can't be saved & added to [FoxStudio](https://docs.foxecom.com/foxify-app/foxstudio) pages.&#x20;
{% endhint %}

{% embed url="<https://youtu.be/CG4C50FoCSs>" %}

## About Foxify Theme Section

There are 2 types of sections you can create in Foxify:

* **Static section**: The content and layout are managed in the Foxify editor only.&#x20;
  * 1 Static section type can be inserted on multiple pages at once (think Testimonial section, Review section, FAQ section, etc.). Once you update and publish the design, it will show on all the pages.
  * Shopify usually calls it "**Global Section**".
* **Dynamic section**:  The content and layout are managed by the Foxify editor, and editable in Shopify Theme Editor. &#x20;
  * 1 Dynamic section can be inserted on 1 page.
  * This section type lets you use the same design with different content on different pages.

## Create a section with Foxify

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

1. In Foxify app, navigate to the menu, go to **Sections manager**
2. Click **Create section**
3. Select a **pre-designed section** for a quick start, or **create a blank section**
4. Insert the **Section title** and select the **Section type**, then click **Save**
5. Craft your section using Foxify editor. It works the same as creating pages.
6. **Save** and **Publish** the section when it's ready.
   {% endhint %}

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FNVKWrmkvNN15hb7KPhb7%2Fimage.png?alt=media&#x26;token=618dbeb5-43d1-443a-8d09-d42a186c6658" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Publishing the custom section in Foxify does not change anything on your storefront.

Foxify simply creates the section and makes it available to you in your Shopify Theme Editor.
{% endhint %}

## Use your custom section in Shopify Theme Editor

You can add the section you have created and published to your theme's templates.

In your Theme Editor (**Customize**) > click **Add section** > select the Foxify section you have created.&#x20;

Sections created in Foxify will start with **\[Foxify]...**

## Frequently asked questions&#x20;

<details>

<summary>How many sections can I create?</summary>

The number of sections you can create depends on your Foxify subscription plan.

To check the plan details, go to Foxify **Settings** > **Plan**.

</details>

<details>

<summary>What happens when I delete a custom section in my Foxify?</summary>

If you delete a Foxify section from your Foxify app, the section will immediately be removed from your Shopify theme (everywhere it's being used).

</details>

<details>

<summary>What if I have multiple themes?</summary>

Custom sections that you create in Foxify will be published to the theme you set the app to work with.&#x20;

To change the theme, go to Foxify **Settings** > **Account** > **Theme**.

![](https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FSid1GwsuQQ7BjMe3T5Mh%2Fimage.png?alt=media\&token=cdfe1a58-c94d-485a-aa4b-d7226677d381)

</details>

<div data-full-width="false"><figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FEj8YgLWvHPzkL3z1Emhb%2FBANNER%201%2C%202%20%20%20%20%20%20%20%20%20%20%20%20%20%20800x400%20(2)%20(1).png?alt=media&#x26;token=7e11de75-84e5-4576-902e-8c435aff2578" alt=""><figcaption><p>Foxify AI turns a prompt into a well-structured page layout in seconds. <a href="https://admin.shopify.com/apps/foxify-builder?utm_source=foxecom&#x26;utm_medium=help_center_foxify_create_a_theme_section&#x26;utm_campaign=anchor-text&#x26;utm_term=try_foxify_ai"><mark style="color:orange;">Try Foxify AI</mark></a> ✨</p></figcaption></figure></div>
