You can add decorated products to your website by inserting the Decorated Product Listing Widget into a website page. This widget displays decorated products that shoppers can browse and purchase from your store.
Use this when you want to showcase featured decorated items, display products from specific categories, or add a product listing to a custom page layout in the Website Editor.
Watch the following video to see how to add decorated products to your website and read below for instructions.
In this article
Prerequisites
- You have Admin access to your DecoNetwork account.
- You must have at least one website created in DecoNetwork.
- You should already have decorated products available to display on the website.
Why add decorated products using a widget?
The Decorated Product Listing Widget lets you place decorated products directly onto a page in your website layout, so customers can browse and purchase them from a visually organized product listing.
- Promote key products: Display featured, latest, popular, or top-rated items.
- Control layout: Place product listings where they best fit your page design.
- Highlight categories: Show all decorated products or limit the display to selected categories.
- Create better shopping pages: Build custom storefront pages around specific products or campaigns.
Step 1: Open the website in the Website Editor
- Log into your DecoNetwork Website.
-
Go to Admin > Websites.
-
Find the website you want to update and click Manage.
-
Select Edit Website, then Website Pages.
Open Website Pages to launch the Website Editor for the selected website.
The Website Editor will load in the Admin area.
Open Website Pages to launch the Website Editor for the selected website.
Step 2: Insert the Decorated Product Listing Widget
- In the Website Editor toolbar, click the WIDGETS button.
-
In the widgets panel, browse to the LISTS section.
- Locate the Decorated Product Listing Widget.
-
Click and drag the widget onto the page where you want the decorated products to appear.
You can place the widget in allowable areas, including:
- Within rows
- Within columns
- Above or below existing widgets
- Between existing widgets
Note: After you drop the widget onto the page, the Decorated Product Listing Settings popup opens automatically so you can configure how the listing will display.Find the Decorated Product Listing Widget in the LISTS section, then drag it into the page layout.
Step 3: Configure the widget settings
In the Decorated Product Listing Settings popup, configure the widget properties to control how products are shown on the page.
- Set the Panel title to define the heading that appears above the product listing.
- Choose a Categories Display option to define the overall layout of the listing.
-
Normal: Displays products as a flat listing.
The following settings are displayed only of "Normal" is selected from the Categories Display drop-down.
-
List Display: lets you choose the source of products to display.
- Featured Products: displays products that are marked as featured.
- Latest Products: displays the most recently added products.
- Most Popular Products: displays products that are selling at a high rate.
- Highest Voted Products: displays the products which have received the highest customer rating.
- All Products: displays all product categories.
Tip: Use Featured Products when you want to highlight a curated selection, or use All Products when you want the widget to behave more like a broader product catalog section.
-
- Category lets you select a category to limit the products shown. If no category is selected, all categories are displayed.
-
Display Categories as Tabs: Displays products inside separate category tabs.
When this option is selected, you can add multiple tabs for different categories. By default, a tab containing all products will be preconfigured.
Click here for instructions on how to edit or add category tabs.
- Products Per Page: lets you specify how many items appear in the listing.
-
- Configure the widget’s Design settings if you want to adjust its visual presentation. Click here for instructions.
- Click OK to apply the widget settings.
Step 4: Save and publish your changes
- After adding and configuring the widget, click Save.
- Then click Publish on the right side of the Page Settings Bar.
Your decorated product listing will now appear on the published website page.
Best practices
- Use clear panel titles: Give the widget a heading that helps shoppers understand what products they are viewing.
- Limit product volume where needed: Use categories or featured products to keep pages focused and easier to browse.
- Match the widget to the page purpose: Use tabs for broader browsing and flat lists for targeted promotions.
- Check placement carefully: Insert the widget where it fits naturally with the surrounding page content.
- Always publish after editing: Saving alone does not update the live website.
Troubleshooting
The widget does not appear on the live page
- Make sure you clicked Publish after saving.
- Confirm the widget was added to a valid area of the page layout.
No products are showing in the widget
- Check whether the selected List Display source has products available.
- If a Category is selected, confirm it contains decorated products.
- If you chose Featured Products, make sure products have been marked as featured.
I cannot place the widget where I want it
- The widget can only be inserted into supported layout areas such as rows, columns, or between existing widgets.
- Try dropping it into a different row or column first, then reposition it within the layout.
FAQs
What does the Decorated Product Listing Widget do?
It displays decorated products on a website page so visitors can browse and purchase them.
Can I show only certain decorated products?
Yes. You can choose a category or use display options such as Featured Products, Latest Products, or other filtered listing sources.
What is the difference between Normal and Display Categories as Tabs?
Normal shows products in a flat listing, while Display Categories as Tabs organizes products into separate category tabs.
Do I need to publish the page after adding the widget?
Yes. You must click Publish for the changes to appear on the live website.
Additional Resources
Still have questions? Use the Search Tool at the top of the page to find more related guides. Need help? Click the icon to submit a support ticket—our Client Services team is ready to assist!
Comments
0 comments
Please sign in to leave a comment.