Beginner
How to add Google Reviews widgets on Hostinger
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.
Prerequisites
- Active Hostinger hosting account
- Google Business Profile with reviews
- Basic HTML knowledge
- Access to your website's admin panel
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.
Tip
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.
Tip
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.
Tip
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.
Tip
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.
Tip
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.
Tip
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.
Tip
Clear your browser cache if the widget doesn't appear immediately after publishing
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; } }.Ready to get started with Hostinger?
Put this tutorial into practice. Visit Hostinger and follow the steps above.
Visit Hostinger →