> For the complete documentation index, see [llms.txt](https://easify.gitbook.io/easify-box-bundle-builder-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://easify.gitbook.io/easify-box-bundle-builder-docs/user-guide/visual-editor/create-a-new-box.md).

# Create a New Box

After installing and activating the **Easify Box Builder** app on your active theme, you’re ready to create your first custom box (or bundle). This guide will walk you through the setup process step by step.

{% stepper %}
{% step %}

### Step 1: Set Your Box Name & Type

#### **A. During App Onboarding**

Right after installing the app, you’ll be guided through the onboarding process. At the end of this flow, you’ll create your first box.

<figure><img src="https://easifyapps.com/wp-content/uploads/2025/08/image-2-1024x598.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://easifyapps.com/wp-content/uploads/2025/08/image-1024x685.png" alt=""><figcaption></figcaption></figure>

To get started:

1. **Enter your Box name** (e.g., *Build A Box*). Don’t worry, you can edit this later if needed.
2. **Choose the Box type.** Easify Box Builder offers various types to match different selling strategies:

* ***Regular Box:*** Price equals the total of selected items. You can optionally apply discounts.
* ***Fixed Box Price:*** Customers buy exactly *X* items at a fixed box price of *Y*.
* ***Tiered Quantity Discounts:*** The more items customers add, the bigger the discount (e.g., buy 3 get 10% off, buy 5 get 20% off).
* ***Predefined Box Sizes**:* Fixed price per quantity tier (e.g., 4 for $40, 6 for $50, etc.).

Once you’ve selected a box type, you’ll see a set of ready-to-use templates designed for that type. You can choose:

* **Start with a template** – Recommended for faster setup (fully customizable later), or
* **Start from scratch** – Build everything from the ground up.

After choosing your option, you’ll be taken to the **Visual Editor** to design your box content and layout—the real fun begins!

#### **B. Creating More Boxes Later**

Once you’ve created your first box through onboarding, you can easily create more boxes anytime.

Here’s how:

* In the app’s left-hand menu, go to the **Box Management** tab.
* Click the **Create box**.
* Choose your box type and template (or start from scratch), then move to the Visual Editor—just like the first time.

<figure><img src="https://easifyapps.com/wp-content/uploads/2025/05/create-box-1024x402.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://easifyapps.com/wp-content/uploads/2025/08/image-1-1024x685.png" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Step 2: Build Your Box with the Visual Editor

If you’ve used Shopify’s Theme Editor or a page builder before, the **Easify Visual Editor** will feel familiar. If not, don’t worry!\
Watch the quick tour video below to explore the basics before getting started.

You can also check out our [**Key Terms**](/easify-box-bundle-builder-docs/user-guide/getting-started/key-terms.md) guide to understand the most common terms used in the Visual Editor.

#### **A. Build with a Template**

<figure><img src="https://easifyapps.com/wp-content/uploads/2025/08/image-5-1024x748.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://easifyapps.com/wp-content/uploads/2025/08/image-6-1024x487.png" alt=""><figcaption></figcaption></figure>

When you start with a template, it includes a layout and demo content to get you going. From there, you can freely customize everything:

* **Steps:** Edit step names, add/remove steps, reorder them, or rename them.
* **Page title & description:** Each template includes demo headings and text. You can edit or replace them with your own, using Heading/Text elements or a Banner section.
* **Products:** Add products to each step’s product list section.
* **Custom fields:** Edit, remove, or add fields as needed.
* **Discounts:** Templates may include pre-set discounts to help you understand how it works. If not, you can add your own from scratch based on your selected box type.
* **Theme Settings:** Customize everything from layout, step bar, product cards, quick view, quick summary, summary page, typography, loading icon, add-to-box behavior, and even custom code.

> For a step-by-step example of creating a box with a template, [**check this guide**](/easify-box-bundle-builder-docs/user-guide/visual-editor/create-a-new-box/create-a-new-box-with-a-template.md).

{% hint style="info" %}
**Reminder:** Templates don’t limit your creativity—they’re just a faster starting point. You can still fully customize the layout, content, and styling. Even developers will find using templates saves time compared to building from scratch.
{% endhint %}

#### **B. Build from Scratch (No Template)**

Didn’t find a template that fits your needs? No problem, you can create your own unique box from a blank canvas.

> [**Check this guide**](/easify-box-bundle-builder-docs/user-guide/visual-editor/create-a-new-box/create-a-box-from-scratch-without-a-template.md) for a complete walkthrough on building a box page from scratch.

<figure><img src="https://easifyapps.com/wp-content/uploads/2025/08/image-3-1024x724.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://easifyapps.com/wp-content/uploads/2025/08/image-4-1024x408.png" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Step 3: Publish Your Box

New boxes are set to **Disabled** by default, and the **View live** button is inactive until enabled.

When your box setup is complete:

1. Open the **General** tab in the left-hand navigation.
2. Change the status to **Enabled**.
3. Click **Save**.

Now, the **View live** button will become active—click it to preview your box page on your storefront.
{% endstep %}
{% endstepper %}

## Need Help? <a href="#id-2-toc-title" id="id-2-toc-title"></a>

Questions? Stuck somewhere?

We’re always here to help! Just reach out via our **in-app live chat** for 24/7 support.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://easify.gitbook.io/easify-box-bundle-builder-docs/user-guide/visual-editor/create-a-new-box.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.