Woocommerce custom single product page

Brief overview of the standard product

Choosing Woocommerce and the default store theme from the authors - Storefront, the client will face a lot of limitations and a lack of the necessary functionality of the single product page. Plus, the design is very basic and strict.

Opportunities to showcase your product are very limited. This may be enough for a basic store with basic mass market products, but if you have your own product, then it will not be easy to reveal its advantages in the basic functionality.

We would like the product to look tasty, as if it were a quality landing page. 

We offer the design and functionality of the product page, tuned for conversions.

Navigation based on page state (conditional header)

This is what the navigation and site header looks like on most pages of the store. However, why not give the customer the opportunity to focus on the product and remove functions that are currently unnecessary?

For this purpose, we develop site headers depending on the type of pages (conditional header). Leaving the focus directly on the product itself.

Product gallery

To convey a modern, elegant design, we use a slider with vertical thumbnails located to the right / left of the main product photo.

Dynamic section with key product information

What is a dynamic section? This is a section with content that is created in advance and stored in a separate component. It is displayed automatically for a certain product, reacting to the product category or its taxonomy. Full automation allows you to remove the amount of work from the content manager.

In this case, we display a dynamic accordion with additional information and answers to important questions that arise before a purchase, even at the stage of product selection. Depending on the product category, an accordion will be shown with relevant information for this category. This is the dynamic section output.

Ability to add products to the Wishlist

The store has the functionality of adding and storing products in the Wishlist. When you click on a product and add it in the pop-up window, you can either go to your saved products page or continue to select the product. The counter of saved items is conveniently located in the navigation menu.

Additional product information

Market research shows that under the “add to cart” button, the buyer wants to see the terms of the purchase before he clicks the add to cart button and proceeds to the checkout stage. We have placed the key terms not included in the list of answers in the dynamic accordion mentioned above.

Sticky product details on scroll

When scrolling down an individual product a sticky bar keeps the product thumbnail, title, price and add to cart button in view encouraging conversions on long single product pages with lots of content.

Use trust badges at important stages of the buyer's decision making on the product page

It is very important that the buyer feels confident at this stage, especially if he is buying from you for the first time. We added trust badges under the main call to action button on the product page

Purchase promotion

We stimulate the feeling of lost profits with a sales countdown timer for each individual product or category of goods (as an option) to convince the buyer to buy. We increase the feeling of scarcity and speed up a potential purchase.

Dynamic section with additional product information

What is a dynamic section? This is a section with content that is created in advance and stored in a separate component. It is displayed automatically for a certain product, reacting to the product category or its taxonomy. Full automation allows you to remove the amount of work from the content manager.

In this case, we display two dynamic sections with additional information about the product creation technique and its benefits. Depending on the product category, the section will be shown with relevant information for this category. This is the dynamic section output.

Together, our techniques turn the product page into an entire landing page. This is very important when selling handmade products or non mass markets. At the same time, we automate part of the content, saving the time of the content manager. 

Learn more about our custom user account page