An animated heart button that sends a like event to your webhook so you can track engagement externally.

About this Component

An animated heart button you can add to any page to capture likes and engagement.
When connected to a webhook, each click sends a like event to your backend so you can store, count, or analyze engagement externally.

Webhook Tracking

To enable tracking, you’ll need to connect your own webhook using a tool like:

• n8n
• Zapier
• Make
• Any other webhook-compatible service

Setup is manual and gives you full control over how likes are stored and processed.

What’s Included

• ✅ Heart animation with webhook integration
• ❌ Preview animation showing data moving to a webhook (not included)

Fallback Behavior

If no webhook is connected, the component works as a simple like animation only — no data is sent or stored.

Use Cases

Perfect for tracking likes on:

• Articles
• Landing pages
• Blogs
• Any custom content outside of Framer’s built-in analytics