---
title: "How to Embed a Bundle into Your Content"
source: "https://docs.nexcess.com/software/kadence/iconic/woocommerce-bundled-products/embed-a-bundle-into-your-content/"
description: "If you're looking to embed your new product bundles into your website's pages or posts, this guide will walk you through how to do it."
vertical: "Software"
area: "Bundled Products"
date: "2021-08-10"
last_modified: "2026-08-12"
---

# How to Embed a Bundle into Your Content

**Coming soon:** Iconic WooCommerce Bundled Products is becoming part of Kadence Shop Kit. You may see both names used while we update the product, documentation, and customer experience.

If you’re looking to embed your new product bundles into your website’s pages or posts, this guide will walk you through how to do it.

**Note:** This doc requires you to have set up a bundled product with WooCommerce Bundled Products first. See our [bundled products guide](https://docs.nexcess.com/software/kadence/iconic/woocommerce-bundled-products/create-your-first-bundled-product/) for how to do this.

## Step 1: Grab your bundled product’s ID

The first thing you’ll need to do is grab the ID of your bundled product. This will allow us to be specific when we’re adding the product to our page/post.

1. From your WordPress dashboard, go to **Products** > **All Products** and locate your bundled product.
2. Then, hover over its name, and you should see the **ID** of the product. Write this down.

![get bundled product ID](https://docs.nexcess.com/wp-content/uploads/2026/06/get-bundled-product-ID-1024x532-1.png)## Step 2: Add a shortcode to your page or post

Next, we’ll need to add a shortcode to your page/post which will contain this ID.

1. From your WordPress dashboard, locate the page or post you want to add your bundled product to. Then open that page/post to edit it.
2. Next, click the black plus icon (**+**) to add a new block.

![add new block](https://docs.nexcess.com/wp-content/uploads/2026/06/add-new-block-1024x692-1.png)3. In the search field, type the word ‘shortcode’ and click on the shortcode block that appears. This will then add a blank shortcode block into your page/post.

![shortcode block](https://docs.nexcess.com/wp-content/uploads/2026/06/shortcode-block-1024x656-1.png)4. Within the field, add `[iconic-woo-bundle id=123]` and replace 123 with the ID of your product (that you copied earlier).

![bundled product shortcode](https://docs.nexcess.com/wp-content/uploads/2026/06/bundled-product-shortcode-1024x534-1.png)5. Once you’re happy, click **Update** or **Publish** your piece of content.

**Now, when viewing the content, you will see the bundled product embedded within it:**

**Note:** The embedded product will not contain the main product image or description. It will only show the products within the bundle.

![bundled product within content](https://docs.nexcess.com/wp-content/uploads/2026/06/bundled-product-within-content-939x1024-1.png)Theme used for demo/screenshot: WooCommerce Storefront