Show your verified impact where customers decide.
Free drop-in widgets for Heartswill partners. One line of code, real data that updates on its own, light or dark, and fits anything from a phone footer to a full-width page.
Pick what fits your page
Impact card
Orders that gave back, what is on its way and a link to the proof. Choose gifts, children with their gift or a gift-drop animation.
data-heartswill-partnerExplainer
A full-width animated band that explains Heartswill in one glance. Ideal below a hero or on an About page. English or Hindi.
data-heartswill-explainerPledge card
A personal card for one customer's pledge with live delivery steps. Show it on order confirmation or a receipt page.
data-heartswill-pledgeBuild it, preview it, copy it
The preview uses real data from a live partner. Paste the code anywhere in your site's HTML.
Your verified impact in one small card: orders that gave back, what is on its way and a link to the proof. Fits a footer, sidebar or checkout.
A small mark that proves you're connected
The badge turns green only on your own website while real orders reach the Heartswill API, so it can't be copied onto someone else's site.
<a data-heartswill-badge="your-partner-id" href="https://good.heartswill.com/why" target="_blank" rel="noopener">Verified partner</a> <script src="https://platform.heartswill.com/badge.js" async></script>
Replace your-partner-id with the ID from your welcome email.
Live in three steps
Get your partner ID
Request a partner key. Your ID and assigned cause come in the welcome email.
Copy the code
Use the builder above. One element and one script tag, nothing to install.
Paste it in your site
Footer, sidebar, checkout or About page. It updates on its own as orders come in.
Widget FAQ
Do the widgets cost anything?
No. The widgets and the verified badge are free for every Heartswill partner.
Will the widget slow down my site?
The script loads asynchronously, renders inside its own sealed container so it never clashes with your styles, and includes its images, so it needs no extra requests for artwork.
Does it work with React, Next.js or Shopify?
Yes. Add the element and script anywhere. In single-page apps, call window.Heartswill.render() after a route change to draw new widgets.
Can I match my site's look?
Choose light or dark with data-theme, pick an illustration with data-art, set a custom heading with data-title and choose how many delivery stories to show with data-stories.
Is it mobile friendly?
Yes. The impact card adapts to the space it is placed in, from about 300 pixels on a phone to 520 pixels in a content column.
Not a partner yet?
Request a partner key, get your cause assigned and your widget can be live today.