> For the complete documentation index, see [llms.txt](https://bundle-suite.gitbook.io/bundle-suite-help-doc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bundle-suite.gitbook.io/bundle-suite-help-doc/create-bundles/in-page-byob-bundle/launch-editor.md).

# Launch Editor

The **Launch Editor** allows you to **customize the layout, appearance, and content** of your In-Page BYOB pages—without touching your live store until you're ready. It's a visual, no-code editor designed to help you match the bundle experience with your brand’s aesthetic.

***

#### **🔓 How to Access the Launch Editor**

1. Go to your In-Page **BYOB bundle** inside the BundleSuite dashboard.
2. Click on the **Launch Editor** button.
3. Make changes as per your preferences.
4. Hit save, and that's all!

***

## 🎨 Launch Editor – Sections Explained

The **Launch Editor** allows you to fully customize the look and feel of your BYOB bundle so it matches your store’s design. It is divided into **four main sections**:

***

### 1. Container

<figure><img src="https://4164338169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKQ0b2FsDr6RyEn33yqR%2Fuploads%2FTXXflquELFNKKWiaTRp4%2Fimage.png?alt=media&amp;token=919b45f8-d5a7-4874-bba9-a2361ef77d70" alt=""><figcaption></figcaption></figure>

Customize the overall **bundle container**.

* Change background and text colors
* Adjust font size and font weight
* Apply custom CSS for advanced styling

***

### 2. Products

<figure><img src="https://4164338169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKQ0b2FsDr6RyEn33yqR%2Fuploads%2FjtQ4VsxOGtx7FYDG2V7B%2Fimage.png?alt=media&amp;token=36c7602b-3bd6-4522-9456-f50b2b5962d8" alt=""><figcaption></figcaption></figure>

Control the appearance of the **product sets** inside your bundle.

* Customize product titles, prices, and button styles
* Adjust font size, weight, and colors
* Refine the look of product cards for better alignment with your theme

***

### 3. Layout

<figure><img src="https://4164338169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKQ0b2FsDr6RyEn33yqR%2Fuploads%2FRmXE0Mn1E4ZuLceq8iZz%2Fimage.png?alt=media&amp;token=73648db0-3a8e-418d-b959-59e6b52dc01f" alt=""><figcaption></figcaption></figure>

Decide how the bundle should be displayed.

* Choose the number of columns for product display
* Adjust spacing and alignment
* Toggle features on/off for a cleaner layout

***

### 4. Texts

<figure><img src="https://4164338169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKQ0b2FsDr6RyEn33yqR%2Fuploads%2Fa7bB3xJKwAahAuYtCs0z%2Fimage.png?alt=media&amp;token=cc7d98fb-f523-41f2-bd51-e22bbbe7b609" alt=""><figcaption></figcaption></figure>

Edit the **interface text** customers see in the bundle.

* Customize button labels (e.g., “Add to Bundle”)
* Modify instructional text
* Translate or localize text for your store’s audience

***

✅ With these four sections, you can fine-tune everything from colors and fonts to layout and wording—making your bundle feel like a seamless part of your store.

***

### Translation Settings

BundleSuite allows you to translate your bundle content into multiple languages for a localized shopping experience.

#### How to Add Translations

1. Open the bundle editor.
2. Find the **Translation** dropdown at top.
3. Select your preferred language from the dropdown menu.
4. Enter the translated text for the fields you want to customize.
5. Save the changes.

#### Important Notes

* If a translation field is left empty, BundleSuite will automatically display the default language (English) text.
* Make sure the language is published and active in your Shopify store before testing translations.