That moment when you hit ‘publish’ on a new product is a great feeling. You’ve prepared something new for your audience, and you’re ready to share it.
The next step is making sure it gets seen. A new product hidden on page ten of your shop doesn’t help anyone.
Your website should do the work for you, automatically showcasing your latest additions. This is a core part of creating a dynamic shopping environment in WooCommerce.
There’s no need to search for complicated plugins or code snippets. I’ve found that the built-in tools, when used correctly, are incredibly powerful.
I’ll show you two simple ways to set this up right now. You’ll have a system for featuring new products that is both elegant and easy to manage.
Why Display New Products in WooCommerce?
Displaying new products in WooCommerce helps potential customers find new arrivals more easily. For example, regular customers can easily find products they haven’t seen before, and new customers can tell the difference between your old and new stock.
Moreover, you won’t need to add a “new product” badge to your images. Instead, you can send visitors to a dedicated new products page or areas on your site separate from your older stock.
The advantage of this is it gets more eyes on your newest product arrivals, which can significantly boost sales.
2 Easy Ways to Show New Products in WooCommerce
In this post, we’ll share 2 different methods to show new products in WooCommerce.
First, you’ll learn how to create a new products page with a popular landing page plugin. Afterward, you’ll learn how to use WooCommerce’s native WordPress block and shortcodes to display new arrivals in posts, pages, and widgets.
さあ、飛び込もう！
Method 1: Use SeedProd to Create a New Products Page in WooCommerce
The first method uses SeedProd to create a new products page for your WooCommerce store. SeedProd is the best drag-and-drop WordPress page builder used by over 1 million websites.
With this plugin, you can easily add new products to your WooCommerce product pages and create landing pages for your products to improve your conversions. For example, you can create a WooCommerce coming soon page in just a few minutes. In addition, It has several WooCommerce blocks that let you easily create and customize your product pages.
You can also use SeedProd to create an entire WooCommerce store without code.
1. Install the SeedProd Plugin
The first step is to install the SeedProd plugin.
For help with this, see this step-by-step guide on how to install a plugin in WordPress.
Note: there is a free version of SeedProd that you can use, but we’ll use the Elite version for the advanced WooCommerce features.
After activating the plugin, go to SeedProd » Settings and enter your license key. You’ll find this information in your account area on the SeedProd website.
2. Pick a Template for Your New Products Page
The next step is to navigate to SeedProd » Templates. On this page, you can choose from hundreds of pre-made landing page templates to use as a starting point.
You can filter the templates by clicking the tabs along the top, which include:
Each template is easy to customize in the visual page editor, so you’re not locked into one particular design.
When you’ve found the template, you want to use, hover over it and click the ‘Tick’ icon. For this guide, we’ll use the eCommerce Thank You Page template.
You’ll then need to give your page a name and click the ‘Save and Start Editing the Page’ button.
3. Drag in the Recent Products Block
After launching your template, it will open in SeedProd’s visual page editor. This is where you can list all of your latest WooCommerce product arrivals.
Navigating the visual editor is super easy.
You can see different blocks and sections on the left-hand side that you can drag and drop onto your page. And on the right, you’ll see a live page preview.
Whenever you add content to your page, you’ll see the changes in real-time. This makes it a lot easier to preview your finished page without navigating to a different screen.
To display new WooCommerce products, we’ll use one of SeedProd’s built-in WooCommerce landing page blocks.
So on the left-hand menu, head to the block section labeled ‘WooCommerce.’ From there, find the Recent Products block and drag it onto your page.
After, you can click anywhere on the recent products block to open the block settings on the right.
In this panel, you can:
- Choose the number of product columns
- Enable simple product pagination
- Show item counts (for stock management)
- Add a filter product dropdown menu
- Limit the number of products displayed
You can also change the query from recent products to:
- 注目商品
- セール商品
- ベストセラー商品
- 人気商品
- Custom Query
Clicking the Advanced tab reveals even more ways to customize your new product listings.
For example, you can customize the product description typography, regular price font, and the sale price badge color.
Other advanced customization options include:
- Button styles and typography
- Image shadows and borders
- Margin and padding spacing
Once you’ve finished adding your new products, make sure you click Save to save your changes.
4. Customize the Page Design and Layout
After adding products to your page, you can finish customizing your design to suit your brand. SeedProd offers several easy ways to do this, but first, we’ll start by removing page elements that we don’t need.
For instance, the page template comes with demo images and descriptions. To remove them, hover your mouse over the block and click the trashcan icon.
You can also edit any heading or text block by clicking inside it and entering your new content.
In addition, you can create eye-catching page headers by adding your own images. Just click any section, choose the background image style and pick a photo from your computer, media library, or one of the hundreds of free stock photos.
When you’re happy with your customizations, click the Save button.
5. Preview and Publish Your New Products Page
Before you move on to publishing your page, let’s make sure it’s mobile-friendly. SeedProd has built-in mobile editing options to ensure your page looks great on any screen or device.
To check your page, click the mobile icon on the bottom navigation bar. From there, you can adjust your page to ensure it displays correctly on mobile screens.
For example, you can make your buttons larger and easier to click or reduce product columns.
After checking your page is mobile responsive, click the dropdown arrow next to the save button, and click Publish.
You’ve now added your most recent products to a unique new products page.
With SeedProd, you can make nearly endless customizations to this page to improve conversions, such as:
- Adding short descriptions
- Showing variable products
- Changing your CTA button color
- Displaying the shopping cart
- Adding animated headlines
You can also add this page to your WordPress navigation menu to encourage your visitors to browse your new WooCommerce products.
Method 2: Show New Products in WooCommerce Without a Plugin
If you’d like to display new products in your existing WooCommerce pages or WordPress posts, you can. WooCommerce has dedicated WordPress blocks and built-in shortcodes you can use to customize your pages and other areas of your online store.
Use the “Newest Products” Block in Gutenberg
To add new posts with a block, edit any post or page in your store, and click the plus icon. Next, scroll down to the WooCommerce section.
Here, you can choose from several WooCommerce blocks that add products based on product categories and tags, product level, and other product data.
To show new products, click the Newest Products block. Doing so will add a grid of your latest products to your post or page.
In the block options on the right, you can configure your grouped products to show or hide:
- The product title
- 価格
- 評価
- Add to cart button
In addition, you can filter products by category, change the grid alignment, and set the number of rows and columns.
When you’re happy with how everything looks, click Update or Publish. You can then go ahead and preview the page.
Add New Products with a WooCommerce Shortcode
If you’re using the classic WordPress editor, you can do the same thing with a WooCommerce shortcode. In the WordPress editor, paste this shortcode: [recent_products].
You can control the number of linked products and product columns by adding the following shortcode parameters: products limit=”3″ columns=”3″.
Then you can go ahead and update or publish your page. Now your visitors will see your most recent products highlighted below.
Show New Products in Your Sidebar with a Shortcode
In addition to the above, you can use the WooCommerce shortcode to show new products in your WooCommerce or WordPress sidebar.
To do this, go to Appearance » Widgets and add a new paragraph block. From there, paste the shortcode you used above and click Save.
When you preview your store, you’ll see your new products highlighted in your WordPress sidebar.
よくある質問
How do I show only new products in WooCommerce?
You can show only new products by using the [recent_products] shortcode or the “Newest Products” block inside the WordPress editor. SeedProd also lets you create a full landing page just for new arrivals.
What is the shortcode for new products in WooCommerce?
The default WooCommerce shortcode is [recent_products]. You can also add parameters like limit="4" または columns="2" to customize how many new products display and in what layout.
Can I add a “New Arrivals” page to WooCommerce?
Yes! With a plugin like SeedProd, you can build a fully customized “New Arrivals” landing page and highlight it in your menu. It’s a great way to boost visibility for your latest products.
How do I show new WooCommerce products in my sidebar?
You can paste the [recent_products] shortcode into a sidebar widget. Go to Appearance » Widgets, add a paragraph block, and insert the shortcode to display your newest items.
How long do products stay “new” in WooCommerce?
WooCommerce doesn’t have a built-in “new” label timer, but you can control which products appear in the recent products block or shortcode by adjusting your sort order and product publish dates.
Final Tips for Highlighting New Products in WooCommerce
If you want full control over your design and layout, SeedProd is the best option. You can create a completely custom WooCommerce new products page, style it visually, and add conversion-boosting elements like CTAs, headlines, and product filters.
If you’re looking for a faster method, WooCommerce shortcodes and blocks work well too. They let you drop a “new arrivals” section into any page, post, or widget area with no extra plugins.
Either way, adding a dedicated space for your newest products makes it easier for customers to find what’s fresh and encourages more sales from repeat visitors.
Want to keep improving your WooCommerce store? Check out these helpful tutorials next:
- How to Secure Your WooCommerce Site
- How to Hide Out-of-Stock Products in WooCommerce
- Customize the “Additional Information” Tab in WooCommerce
- WooCommerceのカートが表示されない場合の対処法
- How to Change the Shop Page Title in WooCommerce
- Improve Your Product Image Gallery in WooCommerce
- WooCommerceの商品に星評価を追加する方法
- How to Control Related Products in WooCommerce
If you liked this article, then please follow us on YouTube, Twitter, and Facebook for more helpful content to help grow your business.
