Creating Review Anchor Links in WooCommerce

Anchor links play a pivotal role in enhancing user experience and navigation on web pages. They allow users to jump directly to a specific section of a webpage, bypassing unnecessary scrolling. In this post, we’ll delve into the significance of anchor links and explore how to create review anchor links specifically tailored for WooCommerce websites.


1. What is an Anchor Link?

An anchor link, commonly known as a “bookmark” or “jump link,” is a type of hyperlink that directs users to a specific section of a webpage rather than simply navigating to another webpage. They are typically denoted by a hashtag (#) followed by an identifier, which corresponds to the target section’s ID within the HTML structure of the page.


2. WooCommerce Review Anchor Link

Review anchor links are direct pathways that navigate users to specific sections of a webpage where product reviews are displayed. These links serve as shortcuts, allowing visitors to quickly access relevant reviews without the need for extensive scrolling.

By implementing review anchor links, you can streamline the review browsing experience for your customers, leading to increased engagement and improved conversion rates. It lets users effortlessly navigate to the review section of a product page. With the benefits as:

  • Improved Navigation: Review anchor links simplify the process of navigating through product reviews, saving users valuable time and effort.
  • Enhanced Engagement: By presenting reviews in a structured and easily accessible manner, you can encourage users to engage with your content more actively.
  • Increased Conversions: Streamlining the review browsing experience can lead to higher conversion rates as users gain confidence in your products through authentic customer feedback.


3. How to create WooCommerce Review Anchor Link

As you may already know, our plugin has an option to customize the anchor link of WooCommerce Review section. But what about when you don’t use the default WooCommerce Reviews section, but our review widgets?

There are many ways to create an anchor link, in this article, we will show you the most common way of how to create one using any page builder plugin.

Assume that you’re using a page builder plugin and make your own product page template. And you want to use our plugin shortcode to insert the review widgets (reviews, review form, overall rating, rating count, product rating…)

Step 1: Go to the product page template editor.

Step 2: Locate the review section within the product page template. This section typically follows the product description and features customer reviews and ratings.

Step 3: Add an ID attribute to the review section. This ID will serve as the target destination for the anchor link. For example, you can add the ID “product-reviews” to the review section. For instance:

<div id="product-reviews">
<!-- Review content goes here -->

Step 4: Create the anchor link. This can be done by inserting a hyperlink with the “#” symbol followed by the ID of the review section. Use “Text” editor so you can insert HTML, you will need an a tag and href attribute . E.g.

<a href="#product-reviews">Jump to Reviews</a>


Step 5: Save your changes and update the product page.


By following these steps, you’ve successfully created a review anchor link that allows users to jump directly to the review section of your WooCommerce product page.

Video Tutorial:

To further illustrate the process of creating review anchor links in WooCommerce, check out the video tutorial below:


Wrapping up:

Incorporating review anchor links into your WooCommerce product pages offers a strategic advantage in optimizing user experience and driving conversions. By following the steps outlined in this guide, you can empower your customers to make informed purchasing decisions while elevating the overall shopping experience on your e-commerce platform. Embrace the power of review anchor links and unlock the full potential of user-generated content in your WooCommerce store.

about the author: