- Issue description:
Hello !
I have just added the google review widget to my website so that I can get the rich snippet featured on google search results.
I have a wix site and sell services (scuba diving tours). Do I have to do something else to get the stars in google results or os it automatic only haveing added the widget ? - Link to the page with the widget in question:
- https://www.lacalypsodivecenter.com/reviews
Hi there, @La_Calypso_Dive_Cent
Your website is built on the Wix CMS. Due to the peculiarities of this builder, some elements get converted into iframe, including the markup. In this case, Google can’t detect the markup, which causes the issue.
However, I’m glad to say that there are some workarounds you can use
Option 1.
You can reinstall the widget avoiding the iframe - Installing Elfsight widget on Wix avoiding iFrame - Elfsight Help Center
Kindly note that in this case the widget won’t be visible on the website backend and there may be a slight delay in the widget loading on the page.
Option 2.
You can install the markup manually through the Custom Code section on your website.
-
Here’s an article explaining how to copy the markup code - How to manually add Schema markup from a Reviews widget.
-
And here’s an article explaining where to add it - Wix: Custom Code.
Although, in this case, the markup won’t be updated automatically when you get new reviews or if the rating changes. You will need to adjust it manually in the code.
Note: Once this done, Google should index the website in order to display rich snippets in search results and this might take time.
Try it out and let me know if it helped
Thank you so much ! It seems it worked. How long should I wait until google really shows the stars ? Should I update the code everytime we get a new review featured on google ?
The indexation can take from several weeks to 1 month in some cases.
As for the new reviews, they will automatically appear in the widget within 72 hours after the moment they were submitted, so you don’t need to do anything additionally
I asked because you mentionned : Although, in this case, the markup won’t be updated automatically when you get new reviews or if the rating changes. You will need to adjust it manually in the code.
So I have to update the code everytime I get a new review ?
Ah, my bad. Sorry for the confusion!
If you choose Option 1 (reinstall avoiding iframe), you won’t have to update the widget when receiving new reviews or if rating changes.
However, if you’ve chosen Option 2, the markup won’t be updated automatically, and you’ll have to adjust it manually.
So, we’d recommend you proceed with the 1st option. Please let me know if this explains things or if you have any questions left
Thanks for your answer. I am having troubles finding the div ID of the line above the block I created and then I can’t identify your website type. Option 2 was easy, I am struggling with option 1…
Got it! I’d like to say that our devs would be happy to reinstall the widget if you could share access to your website with us - Providing access to your Wix website.
If you’d like us to do this for you, please let me know once the access is shared and we’ll start working on your request
Just did ! Thanks
Thank you so much!
I’ve passed it on to the devs and will let you know once it’s done
Hi there, @La_Calypso_Dive_Cent
We’ve reinstalled the widget avoiding iframes
Thank you Max, very helpful. It seems you only reinstalled the one I have on my review page but I have different widgets on every page of my site. Could you please help me with all of them ?
Also the one you installed isn’t updated in the number of reviews. Will the fact of removing iframes allow automatic updates ?
When should I see the rich snippet on google result page ?
Sure, we’ll be happy to reinstall the widget for you! I’ve checked your website and found widgets on these pages:
Just to confirm, is it the whole list of pages with the widgets, or you have them installed somewhere else?
Regarding the number of reviews, the installation method (in/ outside iframes) doesn’t affect it anyhow.
The new reviews don’t appear in the widget right away. The thing is, that the widget uses a cache system to make everything load faster and reduce the server load. So the reviews are updated every 72 hours.
The rich snippet will appear once the indexation is over. It can take from several weeks to 1 month in some cases
Hello Max
Yes this list is right but there is also :
One more question for you : I thought that taking the paid version of this widget, automatic translation was available. How does it work because I can see it only in english in all versions of my website.
Also when I am on the mobile version of the review page which is the one you have just reinstalled and I change languages, then the widget desappear. Why is that ? Can it be fixed ?
After the month I have already purchased, how can I switch to the year subscription ?
Thanks for your help so far
Hi there, @La_Calypso_Dive_Cent
Reinstallation
I’ve passed your installation request to the devs and will update you once it’s done.
Automatic Translation
The automatic translation works this way:
-
You choose the language you’d like the reviews to be translated to (you’ve chosen English)
-
All reviews get translated to the chosen language (English) and you’re also able to see the original version
The widget uses one language chosen for translation, and there is no way to dynamically change the review language based on the language version of the page. Feel free to check this post for more details - Reviews: [Major Update] Enjoy automatic review translation! 🚀
There are 2 workarounds in this case:
-
Create a separate widget with the needed language for each language version of your website
-
Use our Website Translator app that will dynamically translate the content of your website (including reviews) based on the chosen language
Mobile Issue and subscription switching
I’ve checked your website and couldn’t replicate the issue. Could you please send me a video screencast of how it looks on your end
As for changing the subscription plan, go to the Billing section in your dashboard and choose Switch to Annual:
OK thanks. Then I guess I am going to create a widget in each language. I will let you know once it’s done.
I attach a video of the issue in the mobile version.
Thanks!
We’ll look into this as well
Hi there, @La_Calypso_Dive_Cent
We’ve reinstalled the widgets on the requested pages, but since the installation was made on the large number of pages, we decided to not publish the new widgets and keep the old (iframe versions).
To see the new widget versions, you should just enable Elfsight Google Reviews Installer in the Custom Code section on the Settings tab of your Wix dashboard:
This code was added to the Custom Code section (it also should fix the issue with the widget disappearance on mobile):
<script>
(function() {
const languages = ['de', 'it', 'es', 'fr', 'zh'];
const pages = {
'': ['#SITE_PAGES_TRANSITION_GROUP > div', 'elfsight-app-9a03df4d-6212-4d4e-8546-23817defadec'],
'reviews': ['[data-mesh-id="comp-m71zuwcginlineContent-gridContainer"]', 'elfsight-app-337678e9-fc51-4ddd-9c5c-d9c17121291d'],
'courses': ['#SITE_PAGES_TRANSITION_GROUP > div', 'elfsight-app-9a03df4d-6212-4d4e-8546-23817defadec'],
'rates': ['#SITE_PAGES_TRANSITION_GROUP > div', 'elfsight-app-9a03df4d-6212-4d4e-8546-23817defadec'],
'contact': ['#SITE_PAGES_TRANSITION_GROUP > div', 'elfsight-app-9a03df4d-6212-4d4e-8546-23817defadec'],
'our-team': ['#comp-lu10u77d', 'elfsight-app-337678e9-fc51-4ddd-9c5c-d9c17121291d'],
'itinerary': ['#comp-lditfkk8', 'elfsight-app-337678e9-fc51-4ddd-9c5c-d9c17121291d'],
'what-is-a-cenote': ['#comp-m727hx2l', 'elfsight-app-2bc013a4-21a3-4d7d-a900-7c85f5d45449'],
'our-selection-of-cenotes': ['#comp-m75z5nz8', 'elfsight-app-2bc013a4-21a3-4d7d-a900-7c85f5d45449'],
}
const waitForElement = (selector, root = document) => new Promise(res => {
let i = 0;
const check = () => {
const component = root.querySelector(selector);
if (component) {
res(component);
} else if (i !== 100) {
setTimeout(check, 100);
i++;
}
};
check();
});
const config = {childList: true};
const callback = () => {
const pagesEntries = Object.entries(pages);
for (let i = 0; i < pagesEntries.length; ++i) {
const [pattern, [selector, widgetClass]] = pagesEntries[i];
if (new RegExp(`^(/(${languages.join('|')})?)?/${pattern}/?$`).test(window.location.pathname)) {
if (document.querySelector(`[class*='${widgetClass}']`)) return;
installWidget(selector, widgetClass);
return;
}
}
};
const observer = new MutationObserver(callback);
function installWidget(selector, widgetClass) {
let divElement = document.querySelector(`${selector}`);
if (!divElement) return;
let script = document.createElement('script');
let widgetBlock = document.createElement('div');
script.setAttribute('src', 'https://apps.elfsight.com/p/platform.js');
script.setAttribute('async', '');
widgetBlock.classList.add(widgetClass);
divElement.appendChild(script);
divElement.appendChild(widgetBlock);
}
setTimeout(() => {
waitForElement('[data-testid="language-selector-container"]').then(() => setTimeout(() => {
callback();
let targetNode = document.getElementById("SITE_PAGES_TRANSITION_GROUP");
if (!targetNode) {
targetNode = document.getElementById('SITE_PAGES');
}
observer.observe(targetNode, config);
}, 500));
}, 2500);
})();
</script>
If you like how the reinstalled widgets look, you can either remove the widget installed in iframes yourself or we can do that for you (just let us know ).
Check it out and let me know if everything is fine!
Thanks Max. I can see the new version on the desktop which is ok but not on the mobile one. I would like to see how it looks and where the widget is located on the screen.
Also it seems the widget is only in english on all languages. I have created widgets in french, german and spanish also. Could you please use the appropriated language each time ? For chinese and italian, you can leave it in english.
Now some widgets aappear twice, could you please remove the old one ?
Thanks for your help so far
Got you!
I see that the floating badges are not displayed on mobile and our devs will fix it.
As for the different language versions, I see that on some pages (1, 2) you have Google Reviews with Photos widget installed. I see that you don’t have different language versions for this widget. Would you like to keep the English version for these pages?