H Hostinger

How to add Google Reviews widgets on Hostinger

beginner 8 min read Updated 2026-04-20
Quick Answer

Add Google Reviews widgets to your Hostinger site by accessing the Website Builder, selecting the Reviews widget from the elements panel, and connecting it to your Google Business Profile. You can also manually embed HTML code through the Code element or file manager.

Full Hostinger Review

Prerequisites

  • Active Hostinger hosting account
  • Google Business Profile with reviews
  • Basic HTML knowledge
  • Access to your website's admin panel

Step-by-Step Instructions

1

Access your Hostinger Website Builder

Log into your Hostinger control panel and navigate to Websites. Click on Manage next to your website, then select Edit Website to open the Website Builder. If you're using WordPress, go to your WordPress admin dashboard instead.
Make sure to backup your website before making any changes
2

Locate the Reviews widget

In the Website Builder, click the Add Element button (+ icon) on the left sidebar. Search for Reviews or Google Reviews in the elements panel. Drag and drop the Reviews widget to your desired page location.
The Reviews widget is usually found under the 'Social' or 'Business' category
3

Configure the Google Reviews widget

Click on the Reviews widget to select it, then click Settings or the gear icon. Enter your Google Business Profile name or Place ID in the configuration field. Choose your display options like number of reviews, layout style, and color scheme.
You can find your Google Place ID using the Google Place ID Finder tool online
4

Customize the widget appearance

In the widget settings, adjust the Display Settings to match your website design. Set the number of reviews to show, enable or disable reviewer photos, and configure the star rating display. Choose between grid, list, or carousel layout options.
Keep the number of displayed reviews between 3-6 for optimal page loading speed
5

Alternative: Add via HTML code

If using a custom HTML approach, click Add Element and select HTML/Code. Paste your Google Reviews embed code or third-party widget code (like from Elfsight or POWR) into the HTML Code field. Preview the result before saving.
Third-party Google Reviews widgets often provide more customization options
6

Position and resize the widget

Drag the widget to your preferred location on the page. Use the corner handles to resize the widget appropriately for your layout. Ensure the widget is responsive by checking the Mobile View toggle to see how it appears on different devices.
Place reviews widgets in high-visibility areas like your homepage footer or about page
7

Preview and publish changes

Click the Preview button to see how your Google Reviews widget looks on your live site. Test the functionality by checking if reviews load properly and links work correctly. Once satisfied, click Publish to make the changes live.
Clear your browser cache if the widget doesn't appear immediately after publishing

Common Issues & Troubleshooting

Google Reviews widget not displaying any reviews

Verify your Google Business Profile is public and has reviews. Check that you've entered the correct Place ID or business name. Ensure your Google Business Profile has sufficient reviews (minimum 1-5 depending on the widget).

Widget appears broken or shows error messages

Clear your browser cache and check if you're using the latest widget code. Verify that your Google API key is valid if using custom code. Try switching to a different reviews widget provider like Elfsight or Trustindex.

Reviews widget loads slowly or affects page speed

Reduce the number of reviews displayed to 3-5 maximum. Enable lazy loading in the widget settings if available. Consider using a lightweight reviews plugin or implement async loading for custom HTML widgets.

Mobile responsiveness issues with the widget

Check the Mobile View in Website Builder and adjust widget width to 100% or auto. Modify the responsive settings in widget configuration or add custom CSS: @media (max-width: 768px) { .reviews-widget { width: 100% !important; } }.

Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Hostinger website before purchasing.
Visit Hostinger View Hostinger Pricing

Related to Hostinger

ReviewHostinger ReviewPricingHostinger PricingAlternativesHostinger Alternatives