An animated heart button that sends a like event to your webhook so you can track engagement externally.
Made with Workshop
Build your own component with AI
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.
To enable tracking, you’ll need to connect your own webhook using a tool like n8n, Zapier, Make, or any other webhook-compatible service. Setup is manual and gives you full control over how likes are stored and processed.
Only the heart animation with webhook integration is included. The preview animation showing data moving to a webhook is not included.
If no webhook is connected, the component works as a simple like animation only — no data is sent or stored.
Perfect for tracking likes on articles, landing pages, blogs, or any custom content outside of Framer’s built-in analytics.