Skip to main content

Angi Review Widget for Framer — Free, No Code

BlooTrue's Angi Review Widget for Framer is a free embed that displays Angi reviews on any Framer site. It uses the native Embed component, Code Override compatible, and plays nicely with Framer Motion. No view caps on any plan. Works with any public Angi business profile.

How to embed Angi reviews on Framer in 60 seconds

  1. Paste your Angi business profile URL into the configurator above.
  2. Pick a widget style and customize.
  3. Click Copy Code.
  4. In the Framer Canvas, insert an Embed component → paste the snippet → adjust size.
  5. Publish — your Angi reviews are live.
no code neededunlimited viewsfree forever

Free Angi Review Widgets for Framer

Embed Angi reviews on any Framer site in 60 seconds — native Embed component, Code Override compatible, no code.

Build Your Angi Review Widget

Angi

Key facts: 60-second install on Framer · free forever · works on free Framer plan · Code Override compatible · works with any public Angi business profile · unlimited widget views

Last updated

SEO + AI schema · paid plans

Get golden stars in Google search results

On paid plans, every BlooTrue widget injects schema.org Review + AggregateRating JSON-LD straight into your page — so Google and AI answer engines can read your ratings and reviews as structured data, and your pages become eligible for star-rating rich snippets. (Google treats a business's own reviews on its own site as "self-serving" and doesn't guarantee stars for them — product/service reviews are the most reliably eligible; either way your reviews become machine-readable for search and AI.)

google.com/search?q=your+business
Your Businesshttps://yourbusiness.com › reviews

Your Business — Trusted by 500+ Happy Customers

See what 127 verified customers are saying — read real Angi reviews, ratings, and detailed feedback about our services, pricing, and team.

4.9
(127)
This is what your customers see when they Google you — powered by BlooTrue's JSON-LD.
  • Zero config — it just works

    The moment you embed a BlooTrue widget, JSON-LD markup is injected automatically. No extra tags, no developer time.

  • Google Rich Results valid

    Every field follows Google's current structured-data guidelines — LocalBusiness, AggregateRating, and Review — so it passes the Rich Results Test out of the box.

  • Standalone schema endpoint Paid plans

    For star ratings to appear under your parent page's blue link in Google, search engines need the schema on the parent page itself — iframe-embedded schema is not propagated to the host page. Paid plans expose a JSON-LD endpoint per widget that you drop into your<head>for SERP rich snippets on product, landing, or legacy pages. Schema markup is a paid feature: free-plan widgets display your reviews but don't emit JSON-LD, so free pages aren't eligible for rich snippets.

What gets injected automaticallylive
<script type="application/ld+json">
{
  "@type": "LocalBusiness",
  "name": "Your Business",
  "aggregateRating": {
    "ratingValue": "4.9",
    "reviewCount": "127"
  }
}
</script>

Star-snippet visibility is ultimately decided by Google — valid schema is a prerequisite, not a guarantee. BlooTrue ships the markup; Google decides which queries get stars. For SERP rich snippets to appear under your parent page's link, the schema must be served on the parent page itself — that's what the standalone JSON-LD endpoint (paid plans) is for. Schema markup is a paid feature, so free-plan widgets display your reviews but don't emit JSON-LD. Independent studies find pages with valid review schema see materially higher click-through rates than plain listings.

Install guides

Same Angi widget, platform-specific install guide.

WordPress

Gutenberg block, Classic Editor, or sidebar widget. No plugin.

View install guide

Shopify

Drop into any theme section or product page. Works on all plans.

View install guide

BigCommerce

Paste into a Web Page's HTML view or Page Builder HTML widget.

View install guide

Joomla

Drop into a Custom HTML module. Works with Joomla 3, 4, and 5.

View install guide

Drupal

Custom Block (Full HTML format) or Layout Builder. Works on Drupal 7–11.

View install guide

GoDaddy

Drag the HTML section into your GoDaddy Website Builder page.

View install guide

Google Sites

Insert → Embed → Embed code on the new Google Sites.

View install guide

Weebly

Drag the Embed Code element onto the page in Weebly's editor.

View install guide

Webnode

Drag the HTML widget into your Webnode page editor.

View install guide

Jimdo

Add a Widget/HTML element. Works on Jimdo Creator and Jimdo Dolphin.

View install guide

Duda

Drag the HTML widget from the sidebar in the Duda editor.

View install guide

Blogger

Layout HTML/JavaScript gadget or paste in a Post's HTML view.

View install guide

Notion

Embed via /embed → wrap the HTML in a CodePen / JSBin URL.

View install guide

Canva

Use Canva Sites' Embed app — paste the HTML snippet.

View install guide

OpenCart

Information page Source view, or HTML Content module via Layouts.

View install guide

PrestaShop

Built-in HTML Block module — works on PrestaShop 1.7 and 8.x.

View install guide

Ecwid

Storefront editor Code element, or paste on the host page (Wix/WP).

View install guide

Big Cartel

Custom Page HTML view, or theme code injection on Diamond plan.

View install guide

Lightspeed

Lightspeed eCom Custom Code, or paste in a Page Source view.

View install guide

Jumpseller

Custom Page HTML view, or paste into theme.liquid in the theme editor.

View install guide

iFrame

Generic iframe wrapper — for locked-down CMSes that strip <script> tags.

View install guide

Wix

Wix Editor HTML Embed element. 60-second install, free plan supported.

View install guide

Squarespace

Code Block, 60 seconds. Works on Personal and Business plans.

View install guide

Webflow

Embed element inside any section. CMS collection compatible.

View install guide

WooCommerce

Custom HTML block on any shop, product, or landing page. No plugin.

View install guide

Elementor

Drag the HTML widget into any section — works on free Elementor.

View install guide

Divi

Add a Code module anywhere in the Divi Builder — front or back end.

View install guide

Square Online

Add an Embed code section in the Square Online site editor.

View install guide

Magento

CMS block or page via the Magento / Adobe Commerce admin.

View install guide

Wix Studio

Embed element in the Wix Studio editor — agency and client sites.

View install guide

Hostinger

Embed code element in Hostinger Website Builder. AI sites too.

View install guide

Carrd

Embed element on any Carrd one-pager — needs Pro Standard.

View install guide

GoHighLevel

Custom JS/HTML element in the funnel or website builder.

View install guide

ClickFunnels

Custom JS/HTML element on any page or funnel step.

View install guide

Showit

Embed Code widget on the design canvas — desktop and mobile.

View install guide

Kajabi

Custom Code block in any page or landing page section.

View install guide

HubSpot

Embed / HTML module in the page editor — CMS free tier included.

View install guide

Systeme.io

Drag a Raw HTML element into any funnel or site page. Works on the free plan.

View install guide

Leadpages

Drag the HTML widget onto your landing page and paste. No code needed.

View install guide

Unbounce

Custom HTML element in Classic, Custom Code block in Smart Builder.

View install guide

Kartra

Add a Custom Code (HTML) component in the Kartra page builder.

View install guide

Instapage

Add an HTML widget in the Instapage builder and paste the embed.

View install guide

Teachable

Add a Custom HTML block in the Teachable page editor.

View install guide

Thinkific

Text & Media section → code view → paste. Renders on the live page.

View install guide

Podia

Add a custom code / embed section in the Podia site editor.

View install guide

Bubble

Drag an HTML element onto any page in the Bubble editor.

View install guide

Tilda

Add the T123 HTML code block and paste. Renders on the published page.

View install guide

Strikingly

App Store & HTML section → HTML app → paste (Pro plan and up).

View install guide

Odoo

Drag the Embed Code building block into any Odoo website page.

View install guide

Durable

Add a Custom Code block in the Durable editor and paste.

View install guide

10Web

Elementor HTML widget — 10Web runs on WordPress + Elementor.

View install guide

SITE123

Custom Code page type (or Settings → Plugins custom code).

View install guide

IONOS

Content → Elements → HTML Module (not on every plan).

View install guide

Zoho Sites

Drag the Code Snippet element onto any page and paste.

View install guide

Softr

Blocks → Static → Custom code (Basic plan and above).

View install guide

Looking for a different review source? See all Angi widgets

Setting this up on a different platform? See all Angi review widgets

Why Use BlooTrue for Angi on Framer?

The easiest way to display Angi reviews on Framer — no integration, no third-party app, no monthly fees.

Any Public Angi Profile Supported

No Angi subscription needed. Embed reviews from any public Angi business profile.

Works on Free Framer Plan

Native Embed component is available on every Framer plan — including free. No upgrade needed.

Framer Motion Friendly

Wrap the Embed in any Framer Motion animation or Code Override — works with entrance, scroll, and hover effects.

Auto-Sync with Angi

New Angi reviews appear on your Framer site automatically. No manual refresh, no cron.

What makes an Angi widget different from a Google review widget?

Angi is the home-services review platform, and it has no first-party website widget. Knowing where your Angi reviews come from, how the star ratings work, and how reviews are moderated avoids surprises after you embed.

Angi has no official website widget — this is the way

Unlike Google or Angi offers no first-party embed or plugin to put your Angi reviews on your own site. Angi (and HomeAdvisor, now part of Angi) keeps reviews on its own directory to drive paid leads — so the trust you've earned there normally stays there. BlooTrue closes that gap: it reads the public reviews from your Angi business profile and renders them as clean star cards on your website. There is no Angi API key, paid Angi tier, or developer app required — just paste your profile URL. The header rating always comes from Angi's own published review average, never from averaging the individual cards on screen.

Native homeowner star ratings — shown as real stars

Angi reviews are a native 1–5 star system left by verified homeowners, and profile averages are often half-stars (e.g. 4.5). BlooTrue renders each review exactly as stars — a 5-star review shows 5 stars, a 4.5 average shows four and a half — with no conversion, no percentages, and no recommend score. The widget reads exactly like your Google or Yelp widget. Each card keeps the homeowner's name, star rating, and review text, and the header shows your real Angi review average and count.

Where the reviews come from and how often they refresh

BlooTrue fetches the publicly-visible reviews from your Angi business profile on a server-side schedule — roughly once every 24 hours on paid plans — and caches the result. Your site never calls Angi directly, so visitor traffic to your page doesn't depend on Angi being reachable, and the widget loads instantly from cache. Reviews only appear if your profile is public and has reviews. A brand-new profile with zero reviews has nothing to import yet — it will populate as soon as your first public review lands. Once your profile has reviews, the widget shows whatever is public: no more, no less.

Moderation, review guidelines, and attribution

Angi moderates reviews under its review guidelines and removes spam, fraudulent submissions, and content that violates its policies. Because BlooTrue reads only your profile's public reviews, the widget automatically reflects those removals on the next sync — you never display content Angi has already taken down. Every card keeps the Angi mark and the homeowner's name, and clicking a review links back to your Angi business profile, so attribution stays intact. BlooTrue never fabricates a rating: an empty star-only review (a star rating with no written text) is still shown as a real review, and the header number is always Angi's own review aggregate.

Angi tips for Framer

  • Framer's Embed component supports the Angi widget out of the box — no Framer Motion configuration required.
  • If you're using a Code Override component, the Angi widget will not interfere with state hooks declared in the override.
  • For Framer prototype previews, the Angi widget shows live data — disable the embed in preview mode if you want to keep prototype loads fast.

Want more on Angi itself? See the Angi widget overview or our guide to the best review widgets for websites.

How Do I Install BlooTrue on Framer?

Takes less than a minute. No integration, no code.

1

Paste Your Angi profile URL (Above)

Scroll up and paste your Angi business profile URL (e.g.angi.com/companylist/your-business-reviews-1.htm) into the configurator. Real reviews load into the live preview.

Takes 30 seconds. No sign-up required.

2

Customize the Look

Pick one of 100+ styles, choose light or dark theme, set an accent color to match your Framer design.

3

Copy the Embed Code

Click Copy Code. The embed is a single HTML snippet.

4

Paste into Framer

Framer Canvas: On your project, insert an Embed component from the Insert menu → switch to HTML mode → paste the BlooTrue snippet → adjust the frame size to match your chosen widget style (Slider / Badge ~300px; Grid / Masonry ~800px+).

Code Override (advanced): Import a React effect component that injects the snippet into any existing frame via dangerouslySetInnerHTML. Useful for programmatic placements inside overrides.

Sitewide: Project Settings → General → Custom Code → End of body → paste the snippet (only if you want the widget on every page — usually not necessary).

Angi reviews auto-sync every 24 hours — no further Framer maintenance needed.

How does BlooTrue compare to manual copy-paste and Elfsight on Framer?

Why Framer users pick BlooTrue for Angi

FeatureBlooTrueManual copy-pasteElfsight
Works with any public Angi business profile
Manual
Works on free Framer plan
Framer Motion compatible
Widget view capsNone
200/mo
SEO rich snippets (JSON-LD) built-in
Paid tier
Custom accent colors on free plan
Widgets pricing$7/moFree$12/mo

Need a detailed comparison? View full comparison

Pricing and feature data as of June 2026. Angi business profiles and homeowner reviews are published on Angi's official website; Elfsight pricing from Elfsight's official pricing page.

Frequently Asked Questions

Is the BlooTrue Angi widget free for Framer?

Yes. BlooTrue is free for Framer. BlooTrue never caps widget views on any plan, free or paid. The free plan shows Angi reviews with BlooTrue branding in the footer.

Does Angi have an official website widget?

No. BlooTrue works with any public Angi business profile — free or paid. Angi has no first-party widget; BlooTrue is the way.

Does BlooTrue work with Framer Motion animations?

Yes. The widget renders inside a standard Embed component, so you can wrap it in any Framer Motion animation or Code Override — entrance, scroll-linked, and hover effects all work.

Does BlooTrue work on the free Framer plan?

Yes. The Embed component is available on every Framer plan — including free. No upgrade needed.

Will BlooTrue slow down my Framer site?

No. The widget loads asynchronously and is under 20KB. Typical impact on Framer page performance is under 50ms.

Can I use a Code Override to inject the widget?

Yes. Import a React effect component that injects the snippet via dangerouslySetInnerHTML — useful for programmatic placements or conditional rendering inside overrides.

Ready to Display Angi Reviews on Framer?

Build your free widget in 60 seconds. No credit card, no integration, unlimited views.

Build Your Widget
More Widget Tools

Also embed reviews from other platforms on Framer

Same Framer install process — different review source. All widgets are free to start.