How to add Google Reviews to Astro website

How to add Google Reviews to Astro website

January 23, 2024

Kirill Tereshchenko
How to add Google Reviews to Astro website

Let users know they can trust you. Add Google Reviews to your Astro website. It may take time if you have to manually copy-paste them. But you can automate it with customer testimonial software like Wally.

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 by copy-pasting two lines of code ✨ It's easy!

Learn more

How to add Google Reviews to Astro website:

Step 1: Import Google Reviews

  1. Log in to Wally using your Google account or enter your email:

    Wally Login page

  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 on the map, click on the marker or pin that represents the place:

    Click on the marker

  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:

    Paste the copied URL to import Google Reviews

  7. Click "Import":

    Import Google Reviews button

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

    Automatically import new Google reviews

Step 2: Manage reviews

Edit content and approve positive reviews to add them to the Astro testimonial widget:

Review management service

Step 3: Design testimonials widget

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

  • Adjust styles and colors.

  • Show or hide elements such as avatar, stars, date, platform logo, and link.

  • Set the order for displaying reviews or randomize it with each page load.

Testimonials widget design

Step 4: Embed Google Reviews on Astro

  1. Go to the "Widgets" menu in Wally.

  2. Select the preferred testimonials widget:

    Testimonials widget

  3. Click the "Embed widget" button:

    Embed testimonials widget button

  4. Copy the provided code snippet:

    Embed testimonials widget code

  5. Open the HTML or code editor of your Astro website, and find the appropriate location for embedding reviews.

  6. Paste the previously copied embed code into this location.

    IMPORTANT: Include "is:inline" inside your <script> tag to resolve the CORS issue. The embed code should look like this example:

<div data-wally-widget="YOUR_WIDGET_ID" style="width: 100%; height: 100%;"></div>
<script is:inline src=""><

  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.

Import, manage, embed reviews

Import, manage, embed reviews

Import, manage, embed reviews