How to add Google reviews to Elementor

What you need

A saved widget and a WordPress role that can use Elementor's HTML widget (administrators by default). Do not widen script permissions for every editor just to add one review display; have an administrator place it.

Add Google reviews in five steps

1. Confirm access to Elementor's HTML widget

   Open a page you can edit with Elementor and search the widget panel for HTML, marked with a </> code icon. It is one of Elementor's free widgets. Elementor's help says this widget accepts HTML and JavaScript, but access is restricted to administrators by default because scripts can be unsafe. The page-level HTML widget is available to Elementor users without relying on Pro's separate site-wide Custom Code feature. If you cannot drag it in, ask an administrator to check your WordPress role and Elementor Role Manager settings.

2. Prepare your live Google reviews

   In VerifiedWidget, paste your business's Google Maps link. Confirm the imported business, review dates, and count. Choose a widget layout that fits the Elementor container. Use a full-width grid for a broad section or a list for a narrow column. A floating badge sits in a screen corner wherever you paste it. Save it and copy the exact script tag from the Embed dialog. The Free plan includes one widget, up to 20 reviews refreshed monthly, and 10,000 monthly views.

3. Drop the HTML widget into the page

   Open the target page with Elementor. Drag the HTML widget from the panel to the desired container, using Elementor's placement line to put it below the right heading. Paste the entire VerifiedWidget snippet into the widget's code field. Do not use a Text Editor widget, shortcode widget, or formatted code sample; those have different purposes and may show the script as text. You do not need to add an extra script wrapper around the supplied tag.

4. Update and inspect the published page

   Click Update or Publish in Elementor, then open the public page in a private browser window. Check that the correct business reviews appear and that links and carousel controls work. An editor preview can differ from what a visitor sees, especially when a cache plugin or security rule is involved. If the widget is on a template, check another page that inherits that template before assuming its placement is limited to this one page.

5. Check phone and tablet layouts

   Use Elementor's responsive views and a real phone. Check the widget's parent container width, padding, and overflow if a review card is cut off. A narrow column beside a booking form may need a list or slider instead of a multi-column grid. Confirm source attribution and the bottom of long reviews remain visible, and keep booking or purchase controls easy to reach.

Elementor Free, Pro, and review plugins

The HTML widget accepts the copied script and is the practical route for a page-level review section. Elementor Pro is useful for other site-building features and its separate Custom Code controls, but the review embed does not require those controls. WordPress plugins and Elementor add-ons also offer review displays. They may provide their own widgets, import methods, and settings, and some can fit an existing WordPress workflow. Check a plugin's current description, permissions, review source, refresh schedule, and costs before installing it. VerifiedWidget keeps the review setup in its own dashboard and uses a script in Elementor. That helps if you run the same design on a second site builder.

Do not install several review plugins just to test visual options on the live site. Multiple widgets in one section can show duplicate reviews and make it hard to know which source is current. If you replace an older widget, remove or disable that old display only after confirming the new one works on the published page.

Where to place reviews in an Elementor site

On a homepage, a grid can sit after the service overview and before the main contact call to action. On a product or service page, a short list can reinforce the business's service quality while staying distinct from reviews of the exact product. A contact page can place a short list near the form, provided it does not crowd the input fields on mobile. On a booking page, put a small review display near the service description and keep the appointment calendar clear. If the HTML widget is inside an Elementor template, check which pages use that template and how many times it will load.

Elementor's parent container controls width, gaps, and overflow. If a carousel is clipped, select the container around the HTML widget and check those layout settings before editing the supplied script. A sticky section or popup may overlap the widget on a phone; test the published result with the page scrolled to the reviews. The point is to make reviews readable without hiding navigation or conversion controls.

Widget not showing? Follow this order

• Role. If you cannot drag in the HTML widget, ask an administrator to check your WordPress role and Elementor Role Manager settings.
• Wrong widget. A Text Editor or Shortcode widget shows the script as text. Use HTML.
• Stale styles. If only styling looks old, go to Elementor > Editor > Home, click Tools, then Clear Files & Data. Then clear your page cache and CDN.
• Template placement. Check that you edited the right page or template, and clear the cache after moving the widget.

If the widget is still blank on the published page, work through the general checklist.

Final mobile and search check

Read one full review on a phone. Make sure the attribution stays visible, a grid does not spill past the container, and a carousel does not trap touch scrolling. A widget in a shared footer template loads on every page, which counts toward monthly views. See also our guide to Google star ratings.

Frequently asked questions

Related reading