> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.ushopaid.com/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 Display a Classic Bundle on a Standalone Page and Link It from a Banner

When you create a Classic Bundle with Product A and Product B, the Classic Bundle widget is automatically displayed on both product pages.
If you prefer to display the bundle on a standalone page, you can create a dedicated page for the bundle and let customers access it through a banner.
This tutorial will show you how to set it up.
**Before you begin:** Make sure you have already created a Classic Bundle.

### Create a page
You need to create a new page in the Shopify theme editor.

![](https://storage.crisp.chat/users/helpdesk/website/-/4/d/f/1/4df10d1472327800/ishot2026-09-19105403_1uy5um3.png =500x374)


When creating the page, we recommend creating a new page template so it will not affect other pages.!

![](https://storage.crisp.chat/users/helpdesk/website/-/4/d/f/1/4df10d1472327800/ishot2026-09-19111731_75ixam.png =500x347)


After creating the page, click the **“…”** button in the upper-right corner, then click **View**. 
The page will open in a new tab. Copy the URL from that tab and paste it into your banner. After that, customers will be able to click the banner to access the page.!
![](https://storage.crisp.chat/users/helpdesk/website/-/4/d/f/1/4df10d1472327800/ishot2026-09-19111915_6t1irp.png =790x301)


### Insert the Classic Bundle into the page
Next, you need to insert the Classic Bundle widget into the page. In **Page → Template**, click the **Add section** button, then select **Custom Liquid**.!

![](https://storage.crisp.chat/users/helpdesk/website/-/4/d/f/1/4df10d1472327800/ishot2026-09-19112216_1ybl8xp.png =500x355)


Go to the Classic Bundle you created in the UShopAid app and open the bundle editor page. Under the **Appearance** tab, click the **Copy code** button.!

![](https://storage.crisp.chat/users/helpdesk/website/-/4/d/f/1/4df10d1472327800/ishot2026-09-19112317_jj20y7.png =750x467)


Paste the code into the **Custom Liquid** input box.!

![](https://storage.crisp.chat/users/helpdesk/website/-/4/d/f/1/4df10d1472327800/ishot2026-09-19112502_100w48t.png)


At this point, the Classic Bundle should be displayed on the page, as shown below.!

![](https://storage.crisp.chat/users/helpdesk/website/-/4/d/f/1/4df10d1472327800/ishot2026-09-19112600_1unas3e.png)


### Custom code
You may need to adjust the display style of the Classic Bundle:
1. Display it horizontally centered.
2. Adjust the button width.

In the Shopify theme editor, go to **App embeds**, find **uShopAid**, and paste the following code into the **Custom Code** input box. Click the **save** button.

![](https://storage.crisp.chat/users/helpdesk/website/-/4/d/f/1/4df10d1472327800/ishot2026-09-19113111_1rp83cl.png =500x529)


```
#ushopaid-classic-bundle-wrapper {
    .usd-bundle-title {
      text-align: center;
    }

    .usd-bundle-products {
      justify-content: center;
    }

    .usd-bundle-submit-btn {
      width: 300px;
      margin: 16px auto 0;
    }
  }
```

After adding the Custom Code, the page will look like the image below.

![](https://storage.crisp.chat/users/helpdesk/website/-/4/d/f/1/4df10d1472327800/ishot2026-09-19113237_1gpkbml.png)