Linking the Google review
Once your Google reviews are connected to your site, you can use a simple snippet of code to display them on any page you like no need to rebuild anything, just drop it in where you want the reviews to show.
What you can do here
- Show your Google reviews as a scrolling carousel on any page
- Show just your most recent 4 reviews in a simple list
- Add the reviews to as many pages as you like, using the same code each time
Step by step
- Open the page where you want your reviews to appear (in edit mode).
- Add this container where you want the reviews to sit on the page:
<div class="container-fluid">
<div class="row" id="googlereviews"></div>
</div>
- If you want a scrolling carousel of reviews, add this script as well:
< script type="text/java script ">
$(document).ready(function() {
$("#googlereviews").load("/files/googlereviews.txt", function() {
initializeCarousel(); // Run carousel setup after content is loaded
});
});
</ script >
- If you`d rather just show your last 4 reviews without the carousel, use this script instead:
< script type="text/java script ">
$(document).ready(function() {
$("#googlereviews").load("/files/googlereviews.txt");
});
</ script >
- Save the page and preview it to check your reviews are showing correctly.
Tips
- Only use one of the two script s on a page either the carousel version or the last 4 reviews version, not both.
- Keep the container div exactly as shown, including the id="googlereviews" this is what tells the page where to pull your reviews in.
- Once the review settings are updated, it may take up to 24 hr to display the updates on the site.