single product page woocommerce

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?

 

shop header

 

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

 

single product header

 

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.

single product custom img

 

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.

Dynamic section with key product information

 

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.

Ability to add products to the Wishlist
Ability to add products to the Wishlist pop-up


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.

Additional product information

 

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.

Sticky product details on scroll

 

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

Use trust badges at important stages of the buyer's decision making 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.

Purchase promotion

 

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.

Dynamic section with additional product information

 

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

Cases and Options

Woocommerce custom user profile (account)

Woocommerce custom user profile (account)