5e:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/0zubnn10c3ycs.js","/creators-assets/_next/static/immutable/chunks/22fu5bsavzwwn.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/062po15e5hwpr.js","/creators-assets/_next/static/immutable/chunks/32s-s0h8dunw3.js","/creators-assets/_next/static/immutable/chunks/1v0xj8e0d13kw.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/07sosm3lwkdw8.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/11h2ibt_o5elc.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/1rb_nvxxbbu8w.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1gvonxkx57c1x.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/31-e06d1rs-dv.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/3t_5_0v67w73j.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/1xzntyuuknw6z.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2m-zjjbxmagmn.js","/creators-assets/_next/static/immutable/chunks/1pih5-tmb9v-o.js","/creators-assets/_next/static/immutable/chunks/2schrvc7zmj3_.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0qidl8fzyhhwz.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/18fioq62461za.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"S"] 5f:Tbc3,

Humanic Subscriber Form

Collect email subscribers directly from your Framer website and send them to Humanic using a webhook URL generated from your Humanic App.

Features

Email-only signup — Simple, focused subscriber form with an email field.
Humanic integration — Connect your form using a webhook URL generated from your Humanic dashboard.
Responsive layouts — Choose between vertical and horizontal form layouts.
Fully customizable — Customize input, button, colors, borders, radius, spacing, typography, and messages directly from Framer.
Built-in validation — Validates email addresses before submission.
Loading & success states — Provides clear feedback while submitting and after a successful subscription.
Error handling — Displays a helpful message when a submission fails.
Native Framer component — Add it directly to your Framer project and customize it visually without external embeds.

How it works

Add the Humanic Subscriber Form to your Framer project.
Get your Humanic webhook URL from the Humanic dashboard.
Paste the webhook URL into the component's properties.
Customize the form to match your website.
Publish your website and start collecting subscribers.

How to get your Humanic Webhook URL

Log in to your Humanic account. app.humanic.ai
Navigate to Integration from the left navigation.
Select the Webhook tab.
Click Add Webhook.
Enter an integration name, for example: Website Humanic Subscriber Form
Set Integration Type to Contact.
Click Create.
Copy the generated Webhook URL.
Paste the Webhook URL into the Humanic Subscriber Form component in Framer.

Data sent to Humanic

When a visitor submits the form, the component sends the subscriber's email to the configured Humanic webhook.

{ "email": "email@example.com" }

Perfect for

Newsletter signup
Product waitlists
Lead capture
Early-access campaigns
Marketing subscriptions
Website audience growth

Humanic Subscriber Form makes it easy to connect your Framer website directly to your Humanic subscriber database.

5d:["$","$L5e",null,{"value":{"fallback":{"$inf$activity-creator-0c6577b0-890e-4a7f-8516-b1760a278aa7-all:/unified/creator/0c6577b0-890e-4a7f-8516-b1760a278aa7/activity/":[{"data":[{"id":"01a0d2fc-2cad-725b-96ee-299dc4d9203e","type":"component.created","target":{"type":"component","id":"eHQ3kzTAveKlANhqbTOg","preview":"Humanic","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c6577b0-890e-4a7f-8516-b1760a278aa7/01a0d326-8684-763d-9800-bfd9275d61f0.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c6577b0-890e-4a7f-8516-b1760a278aa7","name":"Humanic.ai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c6577b0-890e-4a7f-8516-b1760a278aa7/abzpykuh","slug":"humanic-ai","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-24T10:35:37.005Z","latestAt":"2026-09-24T10:35:37.005Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:0c6577b0-890e-4a7f-8516-b1760a278aa7:/unified/posts/?creator=0c6577b0-890e-4a7f-8516-b1760a278aa7&with=reposts":[{"data":[{"id":"01a0d2fc-2a96-70eb-802f-4a2c55a042a3","title":null,"body":"

🚀 Collect Framer subscribers directly in Humanic

Introducing the Humanic Subscriber Form — a native Framer component that sends every new email subscriber directly to your Humanic account through a Humanic Webhook.

🔗 Connect once, collect automatically — create a Contact webhook in your Humanic dashboard, paste the Webhook URL into your Framer form, and every submission is sent directly to Humanic.

✨ Email-only signup 🎨 Fully customizable 📱 Responsive layouts ⚡ Built-in validation & success states

Perfect for newsletters, waitlists, lead capture, and audience growth.

👉 Install Humanic Subscriber Form from the Framer Marketplace and start sending your Framer subscribers to Humanic today.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Collect Framer subscribers directly in Humanic","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Introducing the "},{"type":"text","text":"Humanic Subscriber Form","marks":[{"type":"bold"}]},{"type":"text","text":" — a native Framer component that sends every new email subscriber directly to your Humanic account through a "},{"type":"text","text":"Humanic Webhook","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" "},{"type":"text","text":"Connect once, collect automatically","marks":[{"type":"bold"}]},{"type":"text","text":" — create a Contact webhook in your Humanic dashboard, paste the Webhook URL into your Framer form, and every submission is sent directly to Humanic."}]},{"type":"paragraph","content":[{"type":"text","text":"✨ Email-only signup "},{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" Fully customizable "},{"type":"emoji","attrs":{"name":"iphone","emoji":"📱"}},{"type":"text","text":" Responsive layouts ⚡ Built-in validation & success states"}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for newsletters, waitlists, lead capture, and audience growth."}]},{"type":"paragraph","content":[{"type":"text","text":"👉 "},{"type":"text","text":"Install Humanic Subscriber Form from the Framer Marketplace and start sending your Framer subscribers to Humanic today.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"0c6577b0-890e-4a7f-8516-b1760a278aa7","name":"Humanic.ai","slug":"humanic-ai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c6577b0-890e-4a7f-8516-b1760a278aa7/abzpykuh","followed":false,"followsYou":false},"media":[],"resources":[{"id":"eHQ3kzTAveKlANhqbTOg","resolved":true,"title":"Humanic","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Humanic Subscriber Form"}]},{"type":"paragraph","content":[{"type":"text","text":"Collect email subscribers directly from your Framer website and send them to Humanic using a webhook URL generated from your Humanic App."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Email-only signup","marks":[{"type":"bold"}]},{"type":"text","text":" — Simple, focused subscriber form with an email field."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Humanic integration","marks":[{"type":"bold"}]},{"type":"text","text":" — Connect your form using a webhook URL generated from your Humanic dashboard."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive layouts","marks":[{"type":"bold"}]},{"type":"text","text":" — Choose between vertical and horizontal form layouts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable","marks":[{"type":"bold"}]},{"type":"text","text":" — Customize input, button, colors, borders, radius, spacing, typography, and messages directly from Framer."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in validation","marks":[{"type":"bold"}]},{"type":"text","text":" — Validates email addresses before submission."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Loading & success states","marks":[{"type":"bold"}]},{"type":"text","text":" — Provides clear feedback while submitting and after a successful subscription."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Error handling","marks":[{"type":"bold"}]},{"type":"text","text":" — Displays a helpful message when a submission fails."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native Framer component","marks":[{"type":"bold"}]},{"type":"text","text":" — Add it directly to your Framer project and customize it visually without external embeds."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How it works"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add the "},{"type":"text","text":"Humanic Subscriber Form","marks":[{"type":"bold"}]},{"type":"text","text":" to your Framer project."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Get your Humanic webhook URL from the Humanic dashboard."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste the webhook URL into the component's properties."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the form to match your website."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish your website and start collecting subscribers."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"How to get your Humanic Webhook URL"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Log in","marks":[{"type":"bold"}]},{"type":"text","text":" to your "},{"type":"text","text":"Humanic","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://app.humanic.ai","target":"_blank"}}]},{"type":"text","text":" account. app.humanic.ai"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigate to "},{"type":"text","text":"Integration","marks":[{"type":"bold"}]},{"type":"text","text":" from the left navigation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Select the "},{"type":"text","text":"Webhook","marks":[{"type":"bold"}]},{"type":"text","text":" tab."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click "},{"type":"text","text":"Add Webhook","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enter an integration name, for example: Website "},{"type":"text","text":"Humanic Subscriber Form","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set "},{"type":"text","text":"Integration Type","marks":[{"type":"bold"}]},{"type":"text","text":" to "},{"type":"text","text":"Contact","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click "},{"type":"text","text":"Create","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy the generated "},{"type":"text","text":"Webhook URL","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste the Webhook URL into the "},{"type":"text","text":"Humanic Subscriber Form","marks":[{"type":"bold"}]},{"type":"text","text":" component in Framer."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Data sent to Humanic"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"When a visitor submits the form, the component sends the subscriber's email to the configured Humanic webhook."}]},{"type":"paragraph","content":[{"type":"text","text":"{ \"email\": \"email@example.com\" }","marks":[{"type":"code"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Newsletter signup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product waitlists"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lead capture"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Early-access campaigns"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Marketing subscriptions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Website audience growth"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Humanic Subscriber Form makes it easy to connect your Framer website directly to your Humanic subscriber database.","marks":[{"type":"bold"}]}]}]},"introduction":"AI-Native Email Marketing Tool","slug":"humanic","author":{"framerUserId":"0c6577b0-890e-4a7f-8516-b1760a278aa7","name":"Humanic.ai","slug":"humanic-ai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c6577b0-890e-4a7f-8516-b1760a278aa7/abzpykuh","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c6577b0-890e-4a7f-8516-b1760a278aa7/01a0d326-8684-763d-9800-bfd9275d61f0.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-24T10:35:35.910Z","updatedAt":"2026-09-24T11:22:07.553Z","publishedAt":"2026-09-24T10:35:35.907Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/HumanicSubscriberForm-415PkK.js@ulwKVvFNjjuU8PrE2gTA","previewUrl":"https://social-rule-795486.framer.app/framer-plugin","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"ulwKVvFNjjuU8PrE2gTA","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-24T10:35:36.470Z","updatedAt":"2026-09-24T10:35:36.470Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L60"}]