How to add Google Reviews to Astro website

How to add Google Reviews to Astro website

•

Avatar
Kirill Tereshchenko
How to add Google Reviews to Astro website

Adding Google Reviews to your Astro website may take time if you have to manually copy-paste reviews. But you can automate it with customer testimonial software like Wally.


How to add Google Reviews to Astro website:

Step 1: Install the plugin

  1. Install the plugin:

npm install astro-google-reviews
  1. Import and use the component in your Astro page:

---
import WallyGoogleReviews from 'astro-google-reviews';
---

<WallyGoogleReviews widgetId="YOUR_WIDGET_ID" />
  1. Replace YOUR_WIDGET_ID with the actual widget ID (follow next steps).

Step 2: Import Google Reviews

  1. Log in to Wally

  2. Choose Google Reviews:

    Add Google Reviews to Astro website


  3. Visit Google Maps and search for the place from which you would like to import reviews (use search bar):

    Search for your business on Google Maps


  4. Once the desired location appears, click on it:


  5. Look at the top of the browser window where the URL bar is located. It displays the address of the current web page. Copy it:

    Copy your location URL from Google Maps


  6. Paste the copied URL in the input field in Wally and click Import:

    Paste the copied URL to import Google Reviews


  7. In addition, you can turn on auto-sync. This lets Wally track and sync new Google Reviews:

    Automatically import new Google reviews

Step 3: Manage reviews

Edit content and hide unwanted reviews from being displayed on your Astro testimonial widget:

Review management service

Step 4: Design testimonials widget

Set your own design for your testimonial widget to match your website branding:

Testimonials widget design

Step 5: Get your Widget ID

  1. Copy your Widget ID:

Testimonials widget
  1. Replace YOUR_WIDGET_ID with your copied widget ID in the WallyGoogleReviews component on your Astro page:

<WallyGoogleReviews widgetId="675e7de4a9936a0014284df4" />
<WallyGoogleReviews widgetId="675e7de4a9936a0014284df4" />
<WallyGoogleReviews widgetId="675e7de4a9936a0014284df4" />
  1. Save your changes and preview the page to verify that the Google Reviews are correctly embedded.

✅ Congratulations! You embedded Google Reviews on your Astro website.


Why use Wally for adding Google Reviews to Astro website?

🏄‍♀️ Save your time! Bulk import Google Reviews in one click. No manual work.

✍️ Edit and approve! Filter negative reviews and edit content as needed.

🔒 Verified reviews! Each review includes the original link and users can validate them.

🎨 Your own design! Design the testimonials widget to match your website branding.

⭐️ Embed Google Reviews on Astro with a single plugin component ✨ It’s easy!

Add a Reviews Widget Today!