Google Review Widget changing to Big "G"

Ask the Community General Questions
1

  • Issue description:

  • I see this problem almost every time I install an Elfsight review widget on a website for a customer and I don’t understand why. The widget always changes to a giant Google “G” on the page. Would love some help.

  • The Widget should look like this: Madshot

  • But 9 out of 10 shows up like this: Madshot

  • Link to the page with the widget in question:

2 Likes
3
2 Likes
4

Hi there, @Matt_Malone :wave:

Oh, I am really sorry about that!

It seems to be a conflict with the styles of your website. I’ve forwarded this issue to the devs and will let you know once it’s fixed :slightly_smiling_face:

1 Like
5

Thank you so much. I work for Marketing360 and our websites are Websites360. We see this issue all the time on our sites. We are a partner with Elfsight and I always try to add your products but this is just a common issue that would be great to fix. I look forward to hearing the solution. Thanks.

2 Likes
7

The issue appears because of the conflict with m360 script:

image
image1920×1095 168 KB

To fix it, please replace your widget’s installation code with this script:

<script>
  const waitForProperty = (property, root = window) => new Promise((res) => {
    let i = 0;
  
    const check = () => {
      if (root[property]) {
        res();
      } else if (i !== 50) {
        setTimeout(check, 100);
        i++;
      }
    };
  
    check();
  });
  
  waitForProperty("m360").then(() => {
    waitForProperty("ready", m360).then(() => {
      const platform = document.createElement("script");
      platform.src = "https://static.elfsight.com/platform/platform.js";
      platform.setAttribute("data-use-service-core", "");
      platform.setAttribute("async", "");
      document.body.append(platform);
    });
  });
</script>
<div class="elfsight-app-WIDGET_ID" data-elfsight-app-lazy></div>

Note: Don’t forget to replace WIDGET_ID in the last line of the script with the ID of your widget


Try it out and let me know if it helped :slightly_smiling_face:

1 Like
8

Thank you again. May I ask, is the WIDGET_ID just the #'s or the full “elfsight-app-######” ?

2 Likes
9

Just the number, elfsight-app is already added before the ID :slightly_smiling_face:

image
image575×290 26.5 KB

1 Like
10

Thank you
One last question before I leave you alone ; )
Would this work for all Google review widgets on Websites360 or is this specifically for this site.
Want to make sure before I share with the company.

2 Likes
11

If the issue is the same on other websites, it should work :wink:

1 Like