How to Display a Classic Bundle on a Standalone Page and Link It from a Banner
When you create a Classic Bundle, if the Classic Bundle includes Product A and Product B, the Classic Bundle widget will be displayed on the product pages of both Product A and Product B. However, you may want to display the Classic Bundle on a standalone page and allow customers to access that page by clicking a banner. This tutorial will show you how to set this 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.

When creating the page, we recommend creating a new page template so it will not affect other pages.
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.
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.
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.
Paste the code into the Custom Liquid input box.
At this point, the Classic Bundle should be displayed on the page, as shown below.
Custom code
You may need to adjust the display style of the Classic Bundle:
- Display it horizontally centered.
- 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.
#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.
Updated on: 01/07/2026
Thank you!