# How to Add A Custom Section to Build Your Own Bundle Section Deals

## **What is a Custom Section?**

The **BYOBS Custom Section** is a powerful feature within the **Build Your Own Bundle (BYOBS)** experience that allows merchants to embed their own **custom HTML, logic, and designs** into the bundle flow. This feature enables merchants to personalize their bundle display, add interactive elements, and improve user engagement.

This feature is **only available to Amplify One users.** For access, please [**contact our sales team**](https://heyamplify.com/?open-demo-popup=true).

## **How It Works**

* The Custom Section allows merchants to **insert their own code** (HTML, CSS, JavaScript) into a designated section of the Build Your Own Bundle Section bundle.
* It is **not directly connected to the** [**JavaScript SDK**](https://support.heyamplify.com/bundles-and-upsell/how-to-use-the-javascript-sdk-with-amplify-platform), but developers **can use the SDK within the Build Your Own Bundle Section** **custom section** to enhance its functionality.
* This section provides flexibility for merchants who want to design **unique bundle displays** that match their store's branding and functionality needs.

## **How to Enable and Use the Custom Section**

1. **Ensure that your store is on the Amplify One plan.** If not, [reach out to sales for an upgrade](https://heyamplify.com/?open-demo-popup=true).
2. **Go to the Amplify Bundles & Upsell app in your Shopify store.**
3. **Navigate to your Build Your Own Bundle Section** **deal settings.**
4. Within the bundle editing interface, click on **Add Section** and choose **Custom Section**. This will allow you to insert a new field where you can enter your custom code**.**

<figure><img src="https://1518757330-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6PSEvXnU2fXbO4Sq6Ym%2Fuploads%2FFrIWs8NG3IaRGX5mOLPV%2FJavascript%20Article%20-%201%20(1).png?alt=media&#x26;token=730ea745-cd49-4f9b-9f9d-9dac2e05c356" alt=""><figcaption></figcaption></figure>

5. **Insert your custom code** (HTML, CSS, JavaScript) to modify the appearance and behavior of your bundle.
6. **Save your changes**, and the updates will be reflected on the storefront.

## **Important Notes**

* This feature is **only available for Build Your Own Bundle (BYOBS)** and does not apply to other bundle types.
* Merchants should have **basic knowledge of HTML and CSS** or work with a developer for advanced customization.

## **Want to Use the BYOBS Custom Section?**

If you are an [**Amplify One customer**](https://heyamplify.com/pricing/) and want to leverage the BYOBS Custom Section, contact[ our sales team](https://heyamplify.com/?open-demo-popup=true) to discuss activation and customization possibilities.