Set up review request link inside order listing

Table of contents 1 min

Open your theme code
Add code to order listing
Add code to order details

You want to ask for customer reviews right on the order listing page. Follow this below steps to do it.

This tutorial requires the technical skills, including Liquid. If you have difficulty doing this, please contact us.

Open your theme code

In this tutorial, we use the theme Dawn version 13.0.1 for example. It may be different from other theme you are using.

Open theme code editor

Add code to order listing

Search for a snippet that name main-account.liquid and open it.

Copy the below code, find the line 86 in the file main-account.liquid and paste it.

<a
  href="https://{{ shop.domain }}/apps/doran/storefront/order/review/{{ order.id }}"
  target="_blank"
>
  Write a review
</a>

Paste code to main-account.liquid

Do not forget to press Save.

After that, you will see a button on your order listing.

Write a review button on order details

Add code to order details

Search for a snippet that name main-order.liquid and open it.

Copy the below code, find the line 344 in the file main-order.liquid and paste it.

<div>
  <a
    href="https://{{ shop.domain }}/apps/doran/storefront/order/review/{{ order.id }}"
    target="_blank"
    class="button"
    style="background: {{ shop.brand.colors.primary[0].background | default: '#008068' }}; width: 100%; color: {{ shop.brand.colors.primary[0].foreground | default: '#ffffff' }}; display: flex; justify-content: center; align-items: center; text-decoration: none; appearance: none;"
  >
    Write a review
  </a>
</div>

Paste code to main-order.liquid

Do not forget to press Save.

After that, you will see a button on your order details.

Write a review button on order details

I hope this tutorial may help you to add the review link to order listing page. If you have any issues relating to this, please contact us to get help.