Sky Addons for Elementor

⌘K
  2. Home
  4. Sky Addons for Elementor
  6. Widgets
  8. Google Reviews

Google Reviews

How to use Google Reviews Widget of Sky Addons for Elementor

The Sky Addons Google Reviews widget pulls real Google Place reviews directly into your Elementor pages and displays them in a polished card grid. Feed it a Google Place ID, choose a card style and layout, filter by minimum star rating, and every review — avatar, name, date, star rating, and text — renders automatically and is cached server-side to keep page load fast. No third-party embed scripts, no iframes. This documentation walks you through setting up the widget and customising every visual detail.

Features:

  1. Live Google Place Reviews: Fetches up to 5 reviews from the Google Places API for any business. Data is cached on the server (configurable from 1 hour to 1 week) to avoid repeated API calls.
  2. Multiple Card Styles: Choose from several built-in card layouts (Style 1, Style 2, etc.) to match your design without custom CSS.
  3. Grid and Masonry Layouts: Display review cards in a standard responsive grid or a Pinterest-style masonry layout.
  4. Minimum Rating Filter: Hide reviews below a chosen star threshold so only your best feedback is shown.
  5. Place Summary Panel: Optionally show the business name, overall rating, total review count, and Google logo above or below the review cards.
  6. Configurable Review Cards: Toggle reviewer avatar, name, date, star rating, review text, and the Google logo badge on each card independently.
  7. Read More / Read Less: Long reviews are trimmed to a configurable excerpt length with an inline expand link — no page jump required.
  8. Language Support: Request reviews in a specific language so multilingual sites show localised text.

Add Your Google Maps API Key

The widget calls the Google Places API using your Google Maps JavaScript API key. Add the key before placing the widget: navigate to Sky Addons → Settings → API → Google Maps API Key and save. The key must have the Places API enabled in your Google Cloud Console. Without a valid key the editor shows a notice and the front end renders nothing.

Insert Google Reviews Widget

  1. Open your page in Elementor and click the + icon to add a new section.
  2. Search for Google Reviews in the widget panel and drag it onto the canvas.
  3. In the Source section, paste your Google Place ID into the Place ID field.

To find your Place ID, visit the Google Place ID Finder, search for your business, and copy the Place ID string (starts with ChIJ or similar).

Configure Source Settings

The Source section controls which reviews are fetched and how often.

  • Google Place ID — the unique identifier for your business location.
  • Reviews Language — request reviews in a specific language (e.g. en, de, fr). Leave empty to use the default language associated with the Place.
  • Minimum Rating — filter out reviews below 1–5 stars. Set to 4 or 5 to show only your best reviews.
  • Cache Duration — how long fetched data is stored before a fresh API call: No Cache, 1 Hour, 6 Hours, 12 Hours (default), 1 Day, 3 Days, or 1 Week. Longer cache = fewer API calls.

Configure Display Settings

The Display section controls what each review card shows and how text is handled.

  • Card Style — choose from multiple pre-built card designs.
  • Place Summary — toggle the business summary bar (overall rating, review count, Google logo). Set Summary Position to Top or Bottom.
  • Avatar / Reviewer Name / Date / Stars Rating / Review Text — toggle each element on or off per card.
  • Excerpt Length — character count before text is truncated and a Read More link appears.
  • Read More Label / Read Less Label — customise the inline expand/collapse link text.
  • Google Logo on Cards — show or hide the Google “G” badge on each card.
  • Text Alignment — left, centre, or right alignment for all card text.

Configure Grid Settings

The Grid section controls the card layout.

  • Layout Type — Grid (equal-height rows) or Masonry (Pinterest-style variable heights).
  • Columns — 1–4 columns, responsive per breakpoint.
  • Column Gap / Row Gap — spacing between cards.

Style the Widget

All style sections live in the Style tab.

  • Review Card — background, border, border radius, padding, backdrop blur, and hover border colour/transition.
  • Avatar — size, border radius.
  • Reviewer Name — typography, colour, hover colour.
  • Date — typography, colour, top spacing.
  • Stars — filled and empty star colours, size, bottom spacing.
  • Review Text — typography, colour, top spacing.
  • Read More — colour and hover colour for the expand/collapse link.
  • Quote Mark — colour, size, opacity for the decorative opening quotation mark, plus footer divider colour.
  • Header Band — padding for the card header band and body area (available in banded card styles).
  • Place Summary — typography, colour, and spacing for the summary bar (visible when Place Summary is enabled).

Save and Preview

Click Update in Elementor to save, then open the page in a new browser tab. If the reviews do not appear, check that your Place ID is correct and that the Places API is enabled in Google Cloud Console. The first load may take a second to fetch data; subsequent loads serve from cache.

Best Practices

  • Set Cache Duration to at least 12 Hours for production sites to avoid hitting Google API quotas.
  • Use Minimum Rating: 4 on landing pages to show only positive reviews.
  • Enable Masonry layout when review texts vary significantly in length — it prevents large gaps in the grid.
  • Keep Excerpt Length around 150–200 characters for a clean card height before the Read More link appears.
  • Restrict your Google API key to your domain in Google Cloud Console to prevent unauthorised usage.

Troubleshooting

  • No reviews appear — verify the Place ID is correct (use the Place ID Finder), confirm the Google Maps API key is saved in Sky Addons Settings, and ensure the Places API is enabled in your Google Cloud project.
  • Stale reviews — set Cache Duration to No Cache temporarily to force a fresh fetch, then restore a sensible cache period.
  • Editor notice but front end blank — the widget only renders when a valid API key and Place ID are both present. Check both in Sky Addons → Settings → API.
  • Minimum rating filter removes all reviews — lower the Minimum Rating value or clear it to show all reviews while diagnosing.

Frequently Asked Questions

How many reviews does the widget show?

The Google Places API returns a maximum of 5 reviews per Place. This is a platform limitation — the widget displays all reviews returned by the API that pass your minimum rating filter.

Does the widget require a paid Google API plan?

Google provides a free monthly credit ($200 USD) that covers a high volume of Places API requests. For most websites with sensible cache settings (12 hours or longer), the free tier is sufficient. Check Google Cloud Billing for your usage.

Can I show reviews for multiple locations?

Yes — place multiple Google Reviews widgets on the page, each with a different Place ID. Each widget fetches and caches its own location’s reviews independently.

Will the reviews update automatically?

Yes. When the cache expires, the next page load triggers a fresh API call and updates the stored reviews. Set a shorter Cache Duration (e.g. 1 Hour) if you want near-real-time updates, or a longer one to reduce API usage.

Can I style individual review cards differently?

The Style tab applies to all cards uniformly. For per-card customisation, use the Card Style selector to choose a different base layout, or add custom CSS targeting the .sa-google-reviews classes.

Related Documentation

  • Google Reviews Carousel — same reviews displayed in a Swiper carousel with navigation and pagination.
  • Google Maps — embed an interactive map with markers using the same Google API key.
  • Review — manually crafted review cards without API dependency.
  • Testimonial — static testimonial display for curated social proof.

Conclusion

The Google Reviews widget brings authentic, live customer feedback onto your Elementor pages with minimal setup. Configure your Place ID and API key once, then use the visual panel to choose a card style, set your layout, filter by rating, and fine-tune every typographic and colour detail. With server-side caching and a responsive grid or masonry layout, it keeps your pages fast and your reviews fresh.

How can we help?