{"id":28072,"date":"2022-04-12T11:55:04","date_gmt":"2022-04-12T11:55:04","guid":{"rendered":"https:\/\/hivepress.io\/?p=28072"},"modified":"2023-09-25T09:55:42","modified_gmt":"2023-09-25T09:55:42","slug":"create-a-product-catalog-with-wordpress-for-free","status":"publish","type":"post","link":"https:\/\/hivepress.io\/blog\/create-a-product-catalog-with-wordpress-for-free\/","title":{"rendered":"Create a Product Catalog with WordPress for Free"},"content":{"rendered":"\n<p>Some businesses with a brick-and-mortar location don\u2019t sell products via the Internet for different reasons and prefer to take orders by phone or in person. If you are running such a business, you can increase your offline sales by creating a product catalog website to showcase the range of your products.<\/p>\n\n\n\n<p>In this walkthrough, we\u2019ll show you how to create a product catalog with WordPress. We\u2019ll show you step by step how to set everything up and make your website up and running in no time.<\/p>\n\n\n\n<p>Let\u2019s get started!<\/p>\n\n\n\n<nav class=\"post__links\"><ol class=\"content-box\"><li><a href=\"#definition\">What Is a Product Catalog Website and Who Needs It?<\/a><\/li><li><a href=\"#prerequisites\">What Do You Need to Build a WordPress Product Catalog?<\/a><\/li><li><a href=\"#tutorial\">Build a WordPress Product Catalog<\/a><\/li><\/ol><\/nav>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"definition\">What Is a Product Catalog Website and Who Needs It?<\/h2>\n\n\n\n<p>An online product catalog is a website that lists different products with detailed descriptions that may include features, dimensions, weight, color, customer reviews and more. The main idea behind such websites is to showcase products, provide buyers with all the necessary information and help them make a purchase decision.<\/p>\n\n\n\n<p>Product catalogs are especially useful to manufacturers that don&#8217;t sell their products directly or stores with in-person sales that still want to use the Internet as a marketing channel to attract new customers.<\/p>\n\n\n\n<p>An online catalog is also handy for sales representatives, store clerks, and managers since they have the product range with all the details at their fingertips.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Why Your Business Needs a Product Catalog?<\/h3>\n\n\n\n<p>Before going any further, let\u2019s take a look at some of the benefits of creating a product catalog website:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Attract New Customers<\/strong> &#8211; you can reach new potential customers by running a useful and easy-to-use product catalog website;<\/li>\n\n\n\n<li><strong>Provide Better Service<\/strong> &#8211; it drastically improves the buying journey when people have all the product information, images, links, reviews, etc., in one place;<\/li>\n\n\n\n<li><strong>Increase Sales<\/strong> &#8211; by allowing customers to research your products online, you can accelerate the buying process at your local stores. Since customers will be already aware of all the details, fewer consultations will be necessary;<\/li>\n\n\n\n<li><strong>Improve Branding<\/strong> &#8211; you can easily promote your product catalog website to increase your brand recognition and stand out from competitors.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>These are only a few advantages of creating a product catalog for your business, but there may be many others, depending on your niche.<\/p>\n\n\n<div class=\"section content-box content-block\"><a href=\"https:\/\/hivepress.io\/themes\/listinghive\/?utm_medium=referral&#038;utm_source=blog\" target=\"_self\" class=\"section__title\"><span>Looking for a free product catalog WordPress theme?<\/span><\/a><a href=\"https:\/\/hivepress.io\/themes\/listinghive\/?utm_medium=referral&#038;utm_source=blog\" target=\"_self\" class=\"section__button button\">Download ListingHive<\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"prerequisites\">What Do You Need to Build a WordPress Product Catalog?<\/h2>\n\n\n\n<p>First of all, to create a product catalog website with WordPress, you need some common prerequisites like a domain name, a hosting provider and, of course, installed WordPress. But, it\u2019s also necessary to choose a reliable plugin that will power all the website features and a clean WordPress theme to give your site a unique look and feel.<\/p>\n\n\n\n<p>While it\u2019s pretty easy to come up with a domain name and select a <a href=\"https:\/\/hivepress.io\/blog\/overview-of-the-best-wordpress-hosting-providers\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/hivepress.io\/blog\/overview-of-the-best-wordpress-hosting-providers\/\" rel=\"noreferrer noopener\">hosting provider<\/a>, it may be challenging to pick the right plugin &amp; theme for your website out of dozens of available options.\u00a0<\/p>\n\n\n\n<p>To choose a proper plugin and theme, you should understand that any product catalog is basically a listing website. That&#8217;s why you have to look for a good directory plugin and a lightweight directory WordPress theme and to make it easier for you, we prepared two articles for you:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>An <a href=\"https:\/\/hivepress.io\/blog\/best-wordpress-directory-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">overview<\/a> of the most popular WordPress directory plugins;<\/li>\n\n\n\n<li>An <a href=\"https:\/\/hivepress.io\/blog\/best-free-wordpress-directory-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">overview<\/a> of the best free directory WordPress themes.<\/li>\n<\/ul>\n\n\n\n<p>For both articles, we hand-picked the best themes &amp; plugins available in the WordPress repository, so feel free to use any of them.<\/p>\n\n\n\n<p>For the sake of this tutorial, we\u2019ll use <a href=\"https:\/\/wordpress.org\/plugins\/hivepress\/\" target=\"_blank\" rel=\"noreferrer noopener\">HivePress<\/a>, a free multipurpose plugin that allows you to <a href=\"https:\/\/hivepress.io\/blog\/how-to-create-a-directory-website-with-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">create a directory website<\/a> of any type. Also, we\u2019ll use <a href=\"https:\/\/hivepress.io\/themes\/listinghive\/?utm_medium=referral&amp;utm_source=blog\" target=\"_blank\" rel=\"noreferrer noopener\">ListingHive<\/a>, a lightweight and clean listing WordPress theme, which works hand in hand with HivePress.<\/p>\n\n\n\n<p>Before moving to the tutorial part of this article, let&#8217;s take a sneak peek at a product catalog website that we are going to create <em>(we used a furniture manufacturing niche as an example):<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"866\" src=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_showcase.png\" alt=\"A WordPress product catalog website for a furniture workshop.\" class=\"wp-image-28078\" srcset=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_showcase.png 750w, https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_showcase-260x300.png 260w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\">A product catalog website for a furniture workshop.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tutorial\">Build a WordPress Product Catalog<\/h2>\n\n\n\n<p>Now we\u2019ll show you 6 simple steps that allow you to create a product catalog website without a single line of code. So, let\u2019s move to the theme installation without any further ado!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#1 Install ListingHive<\/h3>\n\n\n\n<p>The first step is to install ListingHive. It\u2019s a free theme, so you can easily install it by going to the <strong>WP Dashboard &gt; Appearance &gt; Themes &gt; Add New<\/strong> section. Then, use the search box to find ListingHive and proceed by installing and activating it.<\/p>\n\n\n\n<p>Once you install ListingHive, you\u2019ll get a recommendation to install the HivePress plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"325\" src=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/01\/Suggested-plugins.jpg\" alt=\"Recommended plugins for a WordPress product catalog website.\" class=\"wp-image-23676\" srcset=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/01\/Suggested-plugins.jpg 750w, https:\/\/hivepress.io\/wp-content\/uploads\/2022\/01\/Suggested-plugins-300x130.jpg 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>It\u2019s crucial to install HivePress since it will power most of your product catalog website features, so click on the recommended plugin&#8217;s link to install and activate it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#2 Install Add-ons<\/h3>\n\n\n\n<p>The next step is to enhance your product catalog website with some handy features that will improve the user experience on your site. There are 15+ HivePress extensions that allow you to extend your website functionality without compromising speed and performance.<\/p>\n\n\n\n<p>For example, you may install the Favorites extension to allow website visitors to keep a list of favorite listings or the Messages add-on to let them contact you if they have any questions. Also, it\u2019s useful to install the Reviews extension, so customers can leave reviews and rate your products.<\/p>\n\n\n\n<p>To install any extension, go to the <strong>WP Dashboard &gt; HivePress &gt; Extensions <\/strong>section, find the necessary add-on and click on the <strong>Install<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"303\" src=\"https:\/\/hivepress.io\/wp-content\/uploads\/2021\/11\/Directory-Extensions.jpg\" alt=\"HivePress extensions.\" class=\"wp-image-21406\" srcset=\"https:\/\/hivepress.io\/wp-content\/uploads\/2021\/11\/Directory-Extensions.jpg 750w, https:\/\/hivepress.io\/wp-content\/uploads\/2021\/11\/Directory-Extensions-300x121.jpg 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">#3 Add Listing Categories<\/h3>\n\n\n\n<p>Now, it\u2019s time to split your product catalog website into categories to make it easier for users to navigate it.&nbsp; For example, let\u2019s imagine that you want to create a product catalog website for a furniture workshop. So you may need the <em>\u201cBeds\u201d, \u201cChairs\u201d<\/em> and <em>\u201cTables\u201d <\/em>listing categories.<\/p>\n\n\n\n<p>Navigate to the <strong>WP Dashboard &gt; Listings &gt; Categories <\/strong>section to add a new listing category.<\/p>\n\n\n\n<p>Within this section, you can name your category, describe it and upload a category image. Also, you can create a hierarchy by adding sub-categories <em>(using a &#8220;Parent Category&#8221; option)<\/em>. For example, for the \u201cBeds\u201d category, you can add sub-categories like<em> \u201cTwin Beds\u201d<\/em>, <em>\u201cKing Beds\u201d,<\/em> <em>\u201cBunk Beds\u201d <\/em>and so on.<\/p>\n\n\n\n<p>Once you finish setting up your category, click on the <strong>Add Category<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"886\" src=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_categories.jpg\" alt=\"An example of adding listing categories in the WordPress dashboard.\" class=\"wp-image-28079\" srcset=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_categories.jpg 750w, https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_categories-254x300.jpg 254w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>You can add as many listing categories as required for your product catalog website by following the same steps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#4 Add Custom Listing Fields<\/h3>\n\n\n\n<p>After setting up listing categories, you need to add different listing fields specific to your website niche. For example, if you want to create a product catalog for a furniture manufacturing company, you may need fields like color, material, style, etc.<\/p>\n\n\n\n<p>You can create custom listing fields in the <strong>WP Dashboard &gt; Listings &gt; Attributes &gt; Add New <\/strong>section. As an example, let&#8217;s add a<em> \u201cMaterial\u201d <\/em>field so you can indicate what the product is made of.<\/p>\n\n\n\n<p>Keep in mind, that when adding a new listing field, you can customize it in three different contexts. To get a better understanding of how everything works, let&#8217;s set them up for the <em>\u201cMaterial\u201d<\/em> field:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Editing<\/strong> &#8211; Here, you need to select a field type for your attribute. We\u2019ll use the \u201cSelect\u201d type;<\/li>\n\n\n\n<li><strong>Search <\/strong>&#8211; In this section, you can turn your listing field into a search filter and allow website visitors to filter and sort products by the custom field value. To do that, simply mark it as filterable and set the search field type <em>(we\u2019ll use the \u201cSelect\u201d type);<\/em><\/li>\n\n\n\n<li><strong>Display<\/strong> &#8211; Within the last section, you can define how your custom field will appear on listing pages by choosing template areas and setting its display format <em>(we\u2019ll use this display format <code>%label%: %value%<\/code>).<\/em><\/li>\n<\/ul>\n\n\n\n<p>Once you finished customizing your listing field, click on the <strong>Publish <\/strong>button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"748\" src=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_attributes.jpg\" alt=\"An example of adding custom listing fields in WordPress.\" class=\"wp-image-28081\" srcset=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_attributes.jpg 750w, https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_attributes-300x300.jpg 300w, https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_attributes-150x150.jpg 150w, https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_attributes-450x450.jpg 450w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>Your next step is to add the attribute options. Click on the <strong>Edit options<\/strong> button and add options you want to make available for selection.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"590\" src=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_attributes-2.jpg\" alt=\"An example of setting up a custom listing field.\" class=\"wp-image-28082\" srcset=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_attributes-2.jpg 750w, https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_attributes-2-300x236.jpg 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>In the case at hand, we&#8217;ll add <em>\u201cWood\u201d, \u201cMetal\u201d <\/em>and<em> \u201cPlastic\u201d<\/em> options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"557\" src=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_attributes-3.jpg\" alt=\"Adding listing field options.\" class=\"wp-image-28083\" srcset=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_attributes-3.jpg 750w, https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_attributes-3-300x223.jpg 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>That\u2019s it! You have just created the first custom listing field for your product catalog website. Similarly, you can add as many fields and search filters as you need for your catalog <em>(e.g., shape, dimensions, weight).<\/em><\/p>\n\n\n\n<p>Also, keep in mind that you may create category-specific fields. It may be really useful for your product catalog since you may need to indicate different details for products within different categories.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#5 Add New Listings<\/h3>\n\n\n\n<p>Alright, now let\u2019s try to add the first product listing. To do that, go to the <strong>WP Dashboard &gt; Listings &gt; Add New <\/strong>section.&nbsp;<\/p>\n\n\n\n<p>When adding a new product listing, you can name it, add a description and upload images if necessary. Also, in this section, you\u2019ll have to fill in the custom fields you&#8217;ve created in previous steps.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"904\" src=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_adding-listing.jpg\" alt=\"Adding a new product listing.\" class=\"wp-image-28085\" srcset=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_adding-listing.jpg 750w, https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_adding-listing-249x300.jpg 249w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>Before publishing this listing, don\u2019t forget to select the listing category. Then, once published, you can check how your listing looks on the front end.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"779\" src=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_listing.png\" alt=\"A new listing on the WordPress product catalog website.\" class=\"wp-image-28086\" srcset=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_listing.png 750w, https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_listing-289x300.png 289w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">#6 Customize Your Website Appearance<\/h3>\n\n\n\n<p>The last step is to customize the look and feel of your product catalog website. It\u2019s as easy as pie to create stunning layouts using the WordPress block editor, which is integrated with HivePress.<\/p>\n\n\n\n<p>Also, you can easily change your website&#8217;s colors, fonts, and backgrounds since ListingHive is fully compatible with WordPress Customizer. Simply navigate to the <strong>WP Dashboard &gt; Appearance &gt; Customize <\/strong>section and play around a bit to customize your website in the way you like.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"378\" src=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_customizer.png\" alt=\"Design features that allow you to create a product catalog website.\" class=\"wp-image-28087\" srcset=\"https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_customizer.png 750w, https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_customizer-300x151.png 300w, https:\/\/hivepress.io\/wp-content\/uploads\/2022\/04\/Product-catalog_customizer-360x180.png 360w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>Finally, the HivePress Templates feature allows you to customize any HivePress page layout without writing a single line of code.&nbsp;<\/p>\n\n\n\n<p>Please check the screencast below to get a better idea of how the Templates feature works.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Overview | HivePress Templates\" width=\"749\" height=\"421\" src=\"https:\/\/www.youtube.com\/embed\/YRKVBSKxhIo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Final Words<\/h2>\n\n\n\n<p>That wraps up our tutorial on how to create a product catalog with WordPress. We hope this article was useful to you, and now you have a better understanding of how to build a product catalog website for your business.<\/p>\n\n\n\n<p>Keep in mind that you can use the HivePress plugin and the ListingHive theme whenever you need to create a directory or listing website of any type. They are both free, easy to use and include all the necessary features out of the box.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Launch a product catalog website for your business in 6 steps.<\/p>\n","protected":false},"author":686,"featured_media":28091,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[9],"tags":[122,124,125,123],"class_list":["post-28072","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-wordpress-product-catalog","tag-wordpress-product-catalog-plugin","tag-wordpress-product-catalog-theme","tag-wordpress-product-catalog-theme-free-download"],"acf":[],"_links":{"self":[{"href":"https:\/\/hivepress.io\/api\/wp\/v2\/posts\/28072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hivepress.io\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hivepress.io\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hivepress.io\/api\/wp\/v2\/users\/686"}],"replies":[{"embeddable":true,"href":"https:\/\/hivepress.io\/api\/wp\/v2\/comments?post=28072"}],"version-history":[{"count":11,"href":"https:\/\/hivepress.io\/api\/wp\/v2\/posts\/28072\/revisions"}],"predecessor-version":[{"id":32730,"href":"https:\/\/hivepress.io\/api\/wp\/v2\/posts\/28072\/revisions\/32730"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hivepress.io\/api\/wp\/v2\/media\/28091"}],"wp:attachment":[{"href":"https:\/\/hivepress.io\/api\/wp\/v2\/media?parent=28072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hivepress.io\/api\/wp\/v2\/categories?post=28072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hivepress.io\/api\/wp\/v2\/tags?post=28072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}