\ud83d\uded2 Looking for beginner-friendly info on how to start an online store? We have an in-depth guide that takes you step-by-step through the process. Read it here<\/a>.<\/p>\n\n\n<\/div><\/div>\n\n\n\n In this guide, we\u2019re going to walk you through the process of optimizing a product page by focusing on improving a product’s name, description, images, and attributes\/variations.<\/p>\n\n\n\n \ud83d\udcda Table of contents<\/strong>:<\/p>\n\n\n\n Your product’s title gets a lot of focus around your store. Beyond being the most prominent text on the individual product page, it also usually shows up in your store’s shop and category archive pages. And depending on which widgets you’re using<\/a>, it also might make an appearance in your store’s sidebar<\/a> or footer.<\/p>\n\n\n\n To make your product’s name as effective as possible, it should:<\/p>\n\n\n\n To illustrate the point, here\u2019s a type of product name you\u2019ll often find on Amazon and similar stores:<\/p>\n\n\n It’s certainly descriptive, although far too lengthy and convoluted, and it\u2019s an example of ‘keyword stuffing’. While you should use a keyword or two, your titles should also be clear and easily-readable to the human eye.<\/p>\n\n\n\n On the other hand, this product name gets the job done:<\/p>\n\n\n It\u2019s clear, concise, and tells you what’s most important about the product. Plus, the keyword is worked into the title in an unobtrusive and human-friendly way.<\/p>\n\n\n With your product\u2019s title, it\u2019s best to avoid the temptation to get creative. However, your WooCommerce product page description is also where you get to \u2018sell\u2019 the item to your potential customers.<\/p>\n\n\n\n There are actually two descriptions on a product page. The full description is created using the default WordPress editor underneath the product name, and will be displayed on the product\u2019s individual page:<\/p>\n\n\n On the other hand, the \u2018product short description\u2019 is a brief summary of the item. Think of it kind of like an “excerpt” for your product. Some<\/em> WooCommerce themes<\/a> show this on the shop page:<\/p>\n\n\n Beyond sometimes appearing on the shop page, most<\/em> WooCommerce themes also show both<\/em> the short and long description on the individual product page. You can see the difference between the two on the example product page below:<\/p>\n\n\n Your approach to writing these two descriptions will naturally differ. You\u2019re best off creating the full description first. This can be as long and detailed as you\u2019d like, but keep the following tips in mind as you\u2019re writing it:<\/p>\n\n\n\n Once you\u2019re done with the full description, you can select the most vital elements to include in the Product short description<\/em>. You\u2019ll find this field underneath the WordPress editor:<\/p>\n\n\n As the name suggests, it\u2019s best to keep this description brief and to the point. Because of how most WooCommerce themes position this description, it’s basically the “hook” to get customers to keep reading the long description.<\/p>\n\n\n\n Highlight the product\u2019s key attributes, and focus on its benefits to your audience. Don’t get too detailed – you can leave the nitty-gritty stuff to the long description.<\/p>\n\n\n\n Finally, just as with your product title, it can be smart to work a few carefully-chosen keywords<\/a> into both of these descriptions. Just make sure you\u2019re incorporating them naturally and only where relevant. While optimizing your product page for search engines is important, ensuring it\u2019s easy and smooth for humans to read comes first.<\/p>\n\n\n You\u2019re probably well aware that imagery is often much more persuasive than text. This is especially pertinent when it comes to making a purchase online. Few people will commit to buying a product they\u2019ve never seen an image of, and what the item looks like almost always has an effect on their final decision.<\/p>\n\n\n\n Therefore, including at least one image on each product page is vital:<\/p>\n\n\n You can do this by selecting Product image<\/em> from the right-hand menu in the editor, and uploading an image to your Media Library<\/em>:<\/p>\n\n\n Of course, not just any image will do. Your product\u2019s featured image should be:<\/p>\n\n\n\n In most cases, you won\u2019t want to stop at just one image. For all but the simplest of items, it\u2019s best to include a variety of product images. You can show the product from multiple perspectives, display examples of its variations, and provide shots of any accessories it might come with:<\/p>\n\n\n Another smart move is to add one or more pictures showing the product in use. This helps potential customers get a better feel for how the item might fit into their daily lives:<\/p>\n\n\n On your product page, you can use the Product gallery<\/em> section in the sidebar to upload as many images as you\u2019d like. They\u2019ll all be displayed near the main product photo. The exact setup of these images will vary depending on the theme you\u2019re using, but most will look something like this:<\/p>\n\n\n Taking your time to add plenty of high-quality, representative images of your product is one of the best ways to convince visitors to make a purchase.<\/p>\n\n\n Last but not least, let\u2019s talk about two WooCommerce features to help you more clearly describe your products – attributes<\/strong> and variations<\/strong>. For many products, using these two features appropriately can make for a better product page.<\/p>\n\n\n\n If you check out the Product data<\/em> section underneath the WordPress editor, you\u2019ll find a tab called Attributes<\/em>. This is where you can add key descriptive terms to help describe your product\u2019s characteristics:<\/p>\n\n\n These attributes might include the product\u2019s color, the material it\u2019s made from, its size, and so on. Once you\u2019ve added and saved a custom attribute<\/a>, it displays in the Additional Information<\/strong> area of your product page. It will have the same style as product dimensions (which you can set in the Shipping<\/strong> tab<\/em>):<\/p>\n\n\n This is a clearer way of immediately displaying this information to potential customers than merely listing it in the product description. Plus, showcasing each product\u2019s key attributes this way makes it easier for customers to search for items with the exact characteristics they want.<\/p>\n\n\n You can add attributes to just about any product. Variations, on the other hand, are only relevant in certain cases \u2013 but are still useful:<\/p>\n\n\n Variations are actually based on attributes<\/em>. The difference is that attributes just provide more information, while you can use variations to let shoppers purchase “different” versions of a product.<\/p>\n\n\n\n For example, you can let shoppers choose the color of a t-shirt rather than creating separate product pages for each color. Common examples of when to use variations are things like:<\/p>\n\n\n\n To add variations to an item, you\u2019ll first need to select Variable product<\/em> from the drop-down menu in the Product data<\/em> section. Then, you can follow a few simple steps<\/a> to add and save as many variations as you\u2019d like. Once you\u2019re done, you\u2019ll see them displayed on the product page:<\/p>\n\n\n When applicable, using variations is important because it makes it easy for customers to pick the exact item they want without requiring you to create lots of separate items. For example, if you create separate product listings for each size of a t-shirt that you sell, that would be confusing. By using variations, shoppers can much more easily find the exact product that they want.<\/p>\n\n\n This last step is for those of you who want to take your online store functionality to the next level. While the previous four steps that we covered in this post are enough to efficiently optimize your product pages, you can unlock even more features if you are willing to invest in a premium plugin.<\/p>\n\n\n\n If you consider buying a premium plugin for extra product page optimization, you can choose from two of our plugins made in-house:<\/p>\n\n\n\n This plugin will largely extend your product presentation page by providing 30+ additional fields to better describe your WooCommerce products. You can add more details like a color picker, price matrix, checkboxes, bulk quantities, various images, number and measure input, custom text, owner information, and a lot more.<\/p>\n\n\n\n Sparks is a plugin that extends your WooCommerce site functionality with useful features meant to help you convert more visitors to customers. This plugin’s features are multipurpose and not limited to product pages. But when it comes to optimizing a product page, Sparks brings to the table variation swatches, product comparison tables, advanced product reviews, quick view options, and more.<\/p>\n\n\n\n One of WooCommerce\u2019s<\/a> main selling points is how easy it is to use. You can create a store and list your first few products<\/a> in under an hour. However, if you want to see results, you\u2019ll need to take your time with the process.<\/p>\n<\/div>\n\n\n\n While there\u2019s a lot of information you can add to a product page, these are the five most important optimizations you\u2019ll want to address:<\/p>\n\n\n Do you have any questions about how to create an effective WooCommerce product page that drives sales? Let us know in the comments section below!<\/strong><\/em><\/p>\n\n\n\n
Step 1: Create a clear and descriptive product name<\/h2>\n\n\n\n
\n
![\"A](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/product-title-too-long.png\")
<\/figure><\/div>\n\n\n![\"A](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/product-title-concise.png\")
<\/figure><\/div>\n\n\nStep 2: Write a compelling product description<\/h2>\n\n\n\n
![\"An](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/product-full-description-example.png\")
<\/figure><\/div>\n\n\n![\"Short](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/product-short-description-example.png\")
<\/figure><\/div>\n\n\n![\"long](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/woocommerce-description2.png\")
<\/figure><\/div>\n\n\nProduct long description<\/h3>\n\n\n\n
\n
Product short description<\/h3>\n\n\n\n
![\"The](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/woocommerce-product-short-description.png\")
<\/figure><\/div>\n\n\nStep 3: Include plenty of high-quality product images<\/h2>\n\n\n\n
![\"A](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/product-image-example.png\")
<\/figure><\/div>\n\n\n![\"Adding](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/adding-woocommerce-product-images.png\")
<\/figure><\/div>\n\n\n\n
Use product galleries, too<\/h3>\n\n\n\n
![\"An](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/product-image-variations.png\")
<\/figure><\/div>\n\n\n![\"An](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/product-image-in-use.png\")
<\/figure><\/div>\n\n\n![\"An](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/product-image-gallery.png\")
<\/figure><\/div>\n\n\nStep 4: Add attributes and\/or variations to your product<\/h2>\n\n\n\n
WooCommerce product attributes<\/h3>\n\n\n\n
![\"The](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/woocommerce-adding-attributes.png\")
<\/figure><\/div>\n\n\n![\"A](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/product-attributes-example.png\")
<\/figure><\/div>\n\n\nWooCommerce product variations<\/h3>\n\n\n\n
![\"Adding](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/woocommerce-adding-variations.png\")
<\/figure><\/div>\n\n\n\n
![\"A](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2018\/10\/product-variations-example.png\")
<\/figure><\/div>\n\n\nStep 5: (Optional) Enhance your product page with plugins<\/h2>\n\n\n\n
Personalized Product Fields Manager Pro<\/a><\/h3>\n\n\n
![\"Personalized](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:386\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2023\/05\/PPOM.png\")
<\/figure><\/div>\n\n\nKey Features \ud83d\udd75\ufe0f<\/h4>\n\n\n\n
\n
Price \ud83d\udcb0<\/h4>\n\n\n\n
\n
Sparks for WooCommerce<\/a><\/h3>\n\n\n\n
![\"\"](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:425\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2023\/02\/sparks.jpg\")
<\/figure>\n\n\n\nKey Features \ud83d\udd75\ufe0f<\/h4>\n\n\n\n
\n
Price \ud83d\udcb0<\/h4>\n\n\n\n
\n
Conclusion \ud83e\uddd0<\/h2>\n\n\n\n
\n