> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.wikiguide.link/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Customize the Build-A-Box Page

Learn how to **personalize** the look and feel of your Build-A-Box page using the **"Customize bundle page"** option, so it matches your **store's branding**.


### Step 1: Go to Build-A-Box
Click on **Build-A-Box** in the sidebar, then click **Customize bundle page** at the top right.


![](https://storage.crisp.chat/users/helpdesk/website/-/a/9/5/5/a9552c769f21a000/image_1qlrkvw.png)

### Step 2: Choose a Design Preset
Under the **Presets** tab, pick from ready-made themes like **Lavender Classic**, **Ocean Breeze**, or **Forest Fresh** — each with a live preview on the right so you can see the look before applying it.



![](https://storage.crisp.chat/users/helpdesk/website/-/a/9/5/5/a9552c769f21a000/image_yv2vpy.png)


### Step 3: Preview Your Chosen Design
After selecting a preset, click **Preview Widget** to see exactly how your Build-A-Box will look and function on your live storefront.



![](https://storage.crisp.chat/users/helpdesk/website/-/a/9/5/5/a9552c769f21a000/image_14toelb.png)

As you can see how it look like on **Store front**


![](https://storage.crisp.chat/users/helpdesk/website/-/a/9/5/5/a9552c769f21a000/image_1ez1mvn.png)


### Step 4: Customize Content, Style, and Layout
* **Content** – edit text, headings, and section details like the Hero title and subtitle.
* **Style** – adjust colors, fonts, and visual appearance of the page.
* **Layout** – arrange how sections and elements are structured on the page.



![](https://storage.crisp.chat/users/helpdesk/website/-/a/9/5/5/a9552c769f21a000/image_17ocphy.png)



### Step 5: Save Your Changes
Once you're happy with the customization, click **Save** to apply your changes to the live bundle page.


![](https://storage.crisp.chat/users/helpdesk/website/-/a/9/5/5/a9552c769f21a000/image_1vmxb9r.png)


**You can also preview your widget by clicking this arrow button**


![](https://storage.crisp.chat/users/helpdesk/website/-/a/9/5/5/a9552c769f21a000/image_ehu6so.png)

***Thankyou.***