Can I add a Google Reviews widget icon to the corner of each page?

Shopify Discussion
1

We currently have a testimonials page where our latest google reviews are - but we’re looking to add a little widget that lives on each page, kinda like the live chat button.

Is this possible in Shopify? I’ve looked everywhere and I can’t seem to figure it out. ** See picture of an example from a different company’s website.

Thanks!!

Screenshot 2024-12-04 at 10.13.03 AM.png
Screenshot 2024-12-04 at 10.13.03 AM.png646×430 95.5 KB

2

Hi @mifudecor

Yes, it can be done.
Please provide the store’s URL and the link of the store with the review icon image (the image you sent).

Best,

Daisy

3

our store is www.mifudecor.ca and the website that I got the image from is https://e3officefurniture.ca/

4

Hi @mifudecor

In the store you shared, the star icons and the Google icons have their own images. Unfortunately, we can’t display them as they are. I can only show the text for now

https://img001.prntscr.com/file/img001/S2gO22AcTKa_zqrBNTokHg.png

If you want it like that, let me know so I can provide you the guide

Best,

Daisy

5

Hi @mifudecor

In order to fulfill your request, please follow these stepsStep 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above 


  

  
    

    
      Google Rating
      

        5.0
        
        
        
        
        
      

      Based on 102 reviews
    

  

{% style %}
  .fa-star{
    color: #E7711B;
  }
  div#new-gg-rv {
    position: fixed;
    bottom: 30px;
    right: 30px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    z-index: 999;
    background: white;
  }
  div#new-gg-rv > div:nth-child(1) {
      background: green;
      width: 100%;
      height: 5px !important;
      display: block;
  }
  div#new-gg-rv-content {
      display: flex;
    align-items: center;
      gap: 20px;
      padding-inline: 20px;
  }
{% endstyle %}

and then Search file theme.liquid > Insert this code above

https://img001.prntscr.com/file/img001/g16o5u2tTEC7NMKyaRAO0g.png

Here is the result:

https://img001.prntscr.com/file/img001/TBN9qc04RXmp8_peGMGdHg.png

I hope this helps,

Best,

Daisy

1 Like
6

Thank you!!! I’ll give that a try!

7

Hi @mifudecor

Is it working dear?