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 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.

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.

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.

4. Within the field, add [iconic-woo-bundle id=123] and replace 123 with the ID of your product (that you copied earlier).

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.