{"id":2957,"date":"2025-04-07T11:33:17","date_gmt":"2025-04-07T11:33:17","guid":{"rendered":"https:\/\/shapo.io\/blog\/?p=2957"},"modified":"2025-04-10T09:47:03","modified_gmt":"2025-04-10T09:47:03","slug":"add-google-reviews-to-webflow","status":"publish","type":"post","link":"https:\/\/shapo.io\/blog\/add-google-reviews-to-webflow\/","title":{"rendered":"How to Add Google Reviews to Webflow (Free Widget Tutorial)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Want to display your Google Business reviews directly on your Webflow website \u2014 without using custom APIs or complex Zapier flows?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This guide will show you how to <strong>add <a href=\"https:\/\/shapo.io\/blog\/how-to-embed-google-reviews-on-website\/\">Google reviews<\/a> to Webflow<\/strong> using Shapo\u2019s free Google Reviews Widget. It\u2019s the fastest, easiest way to build trust and boost conversions \u2014 with zero coding required.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why-embed-google-reviews-in-webflow\"><span class=\"ez-toc-section\" id=\"Why_Embed_Google_Reviews_in_Webflow\"><\/span><strong>Why Embed Google Reviews in Webflow?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you\u2019ve built your site on Webflow, you care about design, performance, and user experience. Adding Google reviews enhances all three:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 <strong>Social proof that converts<\/strong>: Show visitors what your customers are saying to build instant credibility.<\/li>\n\n\n\n<li>\ud83d\ude80 <strong>SEO boost<\/strong>: Shapo\u2019s widget includes optional review schema, helping your pages show star ratings in search results.<\/li>\n\n\n\n<li>\ud83d\udca8 <strong>No bloat<\/strong>: The widget is lightweight, responsive, and doesn\u2019t slow down your Webflow site.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-you-ll-need\"><span class=\"ez-toc-section\" id=\"What_Youll_Need\"><\/span><strong>What You\u2019ll Need<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A <strong>free Shapo account<\/strong> \u2192 <a class=\"\" href=\"https:\/\/shapo.io\/google-review-widget\">Sign up here<\/a><\/li>\n\n\n\n<li>Access to your <strong>Google Business Profile<\/strong><\/li>\n\n\n\n<li>A live Webflow website with Designer or Editor access<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"step-by-step-how-to-add-google-reviews-to-webflow\"><span class=\"ez-toc-section\" id=\"Step-by-Step_How_to_Add_Google_Reviews_to_Webflow\"><\/span><strong>Step-by-Step: How to Add Google Reviews to Webflow<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-1-create-your-free-shapo-account\">Step 1: Sign Up for Shapo<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Go to <a class=\"\" href=\"https:\/\/shapo.io\">Shapo.io<\/a> and click <strong>Get Started Free<\/strong>.<br>Create your account in seconds \u2014 no credit card required.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2-import-your-google-reviews\">Step 2: Import Your Google Reviews<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In your Shapo dashboard:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to the&nbsp;<strong>Testimonials<\/strong>&nbsp;section.<\/li>\n\n\n\n<li>Click&nbsp;<strong>Import<\/strong>.<\/li>\n\n\n\n<li>Select&nbsp;<strong>Google<\/strong>&nbsp;as the source.<\/li>\n\n\n\n<li>Search using your&nbsp;<strong>Google Maps business name<\/strong>&nbsp;or paste your&nbsp;<strong>Place ID<\/strong>.\n<ul class=\"wp-block-list\">\n<li>\ud83d\udc49 Need your Place ID? Use our free&nbsp;<a href=\"https:\/\/shapo.io\/google-review-link-generator\" target=\"_blank\" rel=\"noreferrer noopener\">Google Place ID Finder Tool<\/a>.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Choose the specific reviews you want to import.<\/li>\n<\/ul>\n\n\n\n<figure class=\"gb-block-image gb-block-image-bbca567f\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" class=\"gb-image gb-image-bbca567f blog-image\" src=\"https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-1024x576.webp\" alt=\"Import your Google reviews into Shapo\" srcset=\"https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-1024x576.webp 1024w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-533x300.webp 533w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-150x84.webp 150w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-768x432.webp 768w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-1536x864.webp 1536w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-png.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" title=\"\">\n<figcaption class=\"gb-headline gb-headline-aee66d06 gb-headline-text\"><em>Import your Google reviews into Shapo<\/em><\/figcaption>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-3-customize-your-widget\">Step 3: Customize Your Widget<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose a layout: Single, Carousel, Grid, or Marquee.<\/li>\n\n\n\n<li>Match the widget\u2019s colors and fonts to your WordPress site style.<\/li>\n\n\n\n<li>Filter reviews by rating or tag if you want to show only your best ones.<\/li>\n<\/ul>\n\n\n\n<figure class=\"gb-block-image gb-block-image-9b1055e7\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" class=\"gb-image gb-image-9b1055e7 blog-image\" src=\"https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-07-at-11.38.53\u202fAM-1024x574.webp\" alt=\"Customize the review widget to match your Webflow site\" srcset=\"https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-07-at-11.38.53\u202fAM-1024x574.webp 1024w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-07-at-11.38.53\u202fAM-536x300.webp 536w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-07-at-11.38.53\u202fAM-150x84.webp 150w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-07-at-11.38.53\u202fAM-768x430.webp 768w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-07-at-11.38.53\u202fAM-png.webp 1348w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" title=\"\">\n<figcaption class=\"gb-headline gb-headline-112d7814 gb-headline-text\"><em>Customize the review widget to match your Webflow site<\/em><\/figcaption>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-4-copy-the-embed-code\">Step 4: Copy the Embed Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Click <strong>\u201cGet Embed Code\u201d<\/strong> and copy the snippet, which will look something like this:<\/p>\n\n\n<div class=\"gb-container gb-container-f3790048\">\n\n<code class=\"gsbp-e7fb47f\">&lt;div id=\"shapo-widget-YOUR-WIDGET-ID\">&lt;\/div> &lt;script id=\"shapo-embed-js\" type=\"text\/javascript\" src=\"https:\/\/cdn.shapo.io\/js\/embed.js\" defer>&lt;\/script><\/code>\n\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"gb-block-image gb-block-image-63677613\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" class=\"gb-image gb-image-63677613 blog-image\" src=\"https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-1-1024x576.webp\" alt=\"Copy your widget embed code to add google reviews to webflow\" srcset=\"https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-1-1024x576.webp 1024w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-1-533x300.webp 533w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-1-150x84.webp 150w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-1-768x432.webp 768w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-1-1536x864.webp 1536w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-1-png.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" title=\"\">\n<figcaption class=\"gb-headline gb-headline-392897f8 gb-headline-text\"><em>Copy your Google reviews widget embed code<\/em><\/figcaption>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This snippet will display your Google reviews on any page \u2014 fully responsive and automatically updated.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-5-embed-the-widget-in-webflow\"><strong>Step 5: Embed the Widget in Webflow<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In your Webflow project:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the page where you want the reviews to appear<\/li>\n\n\n\n<li>Drag in an <strong>Embed<\/strong> element from the Add Panel<\/li>\n\n\n\n<li>Paste the full code snippet into the Embed code editor<\/li>\n\n\n\n<li>Click <strong>Save &amp; Close<\/strong><\/li>\n\n\n\n<li>Publish your site<\/li>\n<\/ol>\n\n\n\n<figure class=\"gb-block-image gb-block-image-83373a15\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" class=\"gb-image gb-image-83373a15 blog-image\" src=\"https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-5-1024x576.webp\" srcset=\"https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-5-1024x576.webp 1024w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-5-533x300.webp 533w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-5-150x84.webp 150w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-5-768x432.webp 768w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-5-1536x864.webp 1536w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-5-png.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" alt=\"\" title=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2705 Your Google reviews will now display beautifully on your Webflow site \u2014 no plugins or custom dev work required.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"example-google-reviews-widget-in-webflow\"><span class=\"ez-toc-section\" id=\"Example_Google_Reviews_Widget_in_Webflow\"><\/span><strong>Example: Google Reviews Widget in Webflow<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"gb-block-image gb-block-image-d60380ce\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" class=\"gb-image gb-image-d60380ce blog-image\" src=\"https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-6-1024x576.webp\" alt=\"Example of embedded Google reviews widget on a Webflow site using Shapo\" srcset=\"https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-6-1024x576.webp 1024w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-6-533x300.webp 533w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-6-150x84.webp 150w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-6-768x432.webp 768w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-6-1536x864.webp 1536w, https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/image-6-png.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" title=\"\">\n<figcaption class=\"gb-headline gb-headline-5692b606 gb-headline-text\"><em>Example of embedded Google reviews widget on a Webflow site using Shapo<\/em><\/figcaption>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"video-tutorial-watch-the-setup-in-action\"><span class=\"ez-toc-section\" id=\"Video_Tutorial_Watch_the_Setup_in_Action\"><\/span><strong>Video Tutorial: Watch the Setup in Action<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83c\udfa5 <strong>Watch: How to Add Google Reviews to Webflow (No Code)<\/strong><br>Prefer video? Here\u2019s a short walkthrough showing the exact steps to embed Google reviews on any Webflow site using Shapo.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Add Google reviews to Webflow (Fast &amp; Free!)\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/bE8RbpqpsPA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\"><em>Shapo Google Reviews Widget \u2013 Webflow Integration Demo (2025)<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faqs-google-reviews-webflow\"><span class=\"ez-toc-section\" id=\"FAQs_Google_Reviews_Webflow\"><\/span><strong>FAQs: Google Reviews + Webflow<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"do-i-need-a-plugin-to-add-google-reviews-to-webflow\">Do I need a plugin to add Google reviews to Webflow?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">No. Shapo works without any plugin. Just paste the HTML snippet using Webflow\u2019s Embed block and publish.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"will-this-affect-site-speed-or-webflow-s-performance\">Will this affect site speed or Webflow\u2019s performance?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Not at all. The widget loads asynchronously and is fully optimized for performance.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"is-the-widget-really-free\">Is the widget really free?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes! The Shapo Free Plan includes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Up to 10 imported <a href=\"https:\/\/www.google.com\/business\/\" data-type=\"link\" data-id=\"https:\/\/www.google.com\/business\/\" target=\"_blank\" rel=\"noopener\">Google reviews<\/a><\/li>\n\n\n\n<li>Unlimited widgets<\/li>\n\n\n\n<li>Customization options<\/li>\n\n\n\n<li>Mobile-friendly design<br>You can upgrade for unlimited reviews, email invites, and branding removal.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"resources-tools\"><span class=\"ez-toc-section\" id=\"Resources_Tools\"><\/span><strong>Resources &amp; Tools<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\udd27 <a class=\"\" href=\"https:\/\/shapo.io\/google-review-widget\">Try the Free Google Reviews Widget<\/a><\/li>\n\n\n\n<li>\ud83d\udccd <a href=\"https:\/\/shapo.io\/google-review-link-generator\">Google Review Link + Place ID Generator<\/a><\/li>\n\n\n\n<li>\ud83d\udcda <a href=\"https:\/\/shapo.io\/blog\/how-to-embed-google-reviews-on-website\/\">Full Guide: Embed Google Reviews on Any Website<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"start-displaying-your-reviews-in-webflow-today\"><span class=\"ez-toc-section\" id=\"Start_Displaying_Your_Reviews_in_Webflow_Today\"><\/span><strong>Start Displaying Your Reviews in Webflow Today<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Your happy customers are already talking \u2014 now it\u2019s time to show their reviews where it matters most.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udc49 <a class=\"\" href=\"https:\/\/shapo.io\/google-review-widget\">Get Your Free Google Reviews Widget<\/a><br>Live in minutes. No code. Fully customizable. Built for Webflow.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Want to display your Google Business reviews directly on your Webflow website \u2014 without using custom APIs or complex Zapier flows? This guide will show you how to add Google reviews to Webflow using Shapo\u2019s free Google Reviews Widget. It\u2019s the fastest, easiest way to build trust and boost conversions \u2014 with zero coding required. &#8230; <a title=\"How to Add Google Reviews to Webflow (Free Widget Tutorial)\" class=\"read-more\" href=\"https:\/\/shapo.io\/blog\/add-google-reviews-to-webflow\/\" aria-label=\"Read more about How to Add Google Reviews to Webflow (Free Widget Tutorial)\">Read more<\/a><\/p>\n","protected":false},"author":4,"featured_media":2964,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":".gsbp-e7fb47f{white-space:normal;background-color:var(--wp--preset--color--base-2, var(--base-2))}","_crdt_document":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[63,64],"tags":[5,6,4,85],"class_list":["post-2957","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-marketing-tips","tag-reviews","tag-social-proof","tag-testimonials","tag-webflow"],"acf":{"cta_button_text":"Add Google reviews to Webflow for Free!","cta_button_url":"https:\/\/shapo.io\/google-review-widget","hero_excerpt":"","hero_image_right":2965,"schema":""},"jetpack_featured_media_url":"https:\/\/shapo.io\/blog\/wp-content\/uploads\/2025\/04\/add-google-reviews-to-webflow-png.webp","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/shapo.io\/blog\/wp-json\/wp\/v2\/posts\/2957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shapo.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shapo.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shapo.io\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/shapo.io\/blog\/wp-json\/wp\/v2\/comments?post=2957"}],"version-history":[{"count":5,"href":"https:\/\/shapo.io\/blog\/wp-json\/wp\/v2\/posts\/2957\/revisions"}],"predecessor-version":[{"id":2987,"href":"https:\/\/shapo.io\/blog\/wp-json\/wp\/v2\/posts\/2957\/revisions\/2987"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shapo.io\/blog\/wp-json\/wp\/v2\/media\/2964"}],"wp:attachment":[{"href":"https:\/\/shapo.io\/blog\/wp-json\/wp\/v2\/media?parent=2957"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shapo.io\/blog\/wp-json\/wp\/v2\/categories?post=2957"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shapo.io\/blog\/wp-json\/wp\/v2\/tags?post=2957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}