Free Lead Magnet Generator (+ Guide)

Connect Kit through the API
I made a lead magnet page with a free lead magnet generator: the .html file in this folder. Connect it to my Kit account and put it live. I want the deeper connection, through the API instead of the form, so I can add tags, fields and automations later.

1. Make a folder for the site, and copy the .html file into it as index.html. In it, the opt-in is in the script with the id lm-config: set it to {"kind":"webhook","url":"/api/subscribe"}, so signups go to the function below instead of the platform's form.
2. Add one function at /api/subscribe (on Vercel: api/subscribe.js; on Netlify: netlify/functions/subscribe.mjs with the path /api/subscribe). It reads the email from the form POST (fields: email, first_name, source, page), then calls Kit: create the subscriber with POST https://api.kit.com/v4/subscribers, then add them to my form with POST https://api.kit.com/v4/forms/<form ID>/subscribers, both with the header X-Kit-Api-Key: <API key> and the JSON body {"email_address": email}. If first_name is there, it saves it in the platform's first-name field too. It answers 204 and never shows the key.
3. Keep the API key and the form ID (KIT_API_KEY, KIT_FORM_ID) in environment variables, never in the page. Ask me for them, then set them with the host's command line tool. Find the form ID with the Kit API if I don't know it.
4. Ask me where to run it: Vercel, Netlify, or Hostinger (a Node.js web app, on its Business or Cloud plan). Vercel if I have none. Install what's needed, log me in, and deploy to production. If my page lives on a page builder instead (HighLevel, ClickFunnels, Kajabi, WordPress), deploy only the function, and give me its full address to paste into the lead magnet generator.
5. Test it: sign up with an email I give you, check that Kit has it, and give me the live link. Explain anything that went wrong in plain English.

Connect beehiiv
I made a lead magnet page with a free lead magnet generator: the .html file in this folder. When someone signs up, the page sends a form POST to /api/subscribe on its own site, with the fields email, source and page, and first_name when I ask for it. Connect it to my beehiiv account and put it live.

1. Make a folder for the site, and copy the .html file into it as index.html.
2. Add one function at /api/subscribe (on Vercel: api/subscribe.js; on Netlify: netlify/functions/subscribe.mjs with the path /api/subscribe). It reads the email from the form POST (fields: email, first_name, source, page), then calls beehiiv: POST https://api.beehiiv.com/v2/publications/<publication ID>/subscriptions, with the header Authorization: Bearer <API key> and the JSON body {"email": email, "send_welcome_email": true, "utm_source": "lead-magnet", "referring_site": page}. If first_name is there, it saves it in the platform's first-name field too. It answers 204 and never shows the key.
3. Keep the API key and the publication ID (BEEHIIV_API_KEY, BEEHIIV_PUBLICATION_ID) in environment variables, never in the page. Ask me for them, then set them with the host's command line tool.
4. Ask me where to run it: Vercel, Netlify, or Hostinger (a Node.js web app, on its Business or Cloud plan). Vercel if I have none. Install what's needed, log me in, and deploy to production. If my page lives on a page builder instead (HighLevel, ClickFunnels, Kajabi, WordPress), deploy only the function, and give me its full address to paste into the lead magnet generator.
5. Test it: sign up with an email I give you, check that beehiiv has it, and give me the live link. Explain anything that went wrong in plain English.

Connect Mailchimp through the API
I made a lead magnet page with a free lead magnet generator: the .html file in this folder. Connect it to my Mailchimp account and put it live. I want the deeper connection, through the API instead of the form, so I can add tags, fields and automations later.

1. Make a folder for the site, and copy the .html file into it as index.html. In it, the opt-in is in the script with the id lm-config: set it to {"kind":"webhook","url":"/api/subscribe"}, so signups go to the function below instead of the platform's form.
2. Add one function at /api/subscribe (on Vercel: api/subscribe.js; on Netlify: netlify/functions/subscribe.mjs with the path /api/subscribe). It reads the email from the form POST (fields: email, first_name, source, page), then calls Mailchimp: PUT https://<dc>.api.mailchimp.com/3.0/lists/<audience ID>/members/<MD5 of the lowercase email>, with Basic auth (any username, the API key as the password) and the JSON body {"email_address": email, "status_if_new": "subscribed"}. The <dc> is the part of the API key after the dash. If first_name is there, it saves it in the platform's first-name field too. It answers 204 and never shows the key.
3. Keep the API key and the audience ID (MAILCHIMP_API_KEY, MAILCHIMP_AUDIENCE_ID) in environment variables, never in the page. Ask me for them, then set them with the host's command line tool.
4. Ask me where to run it: Vercel, Netlify, or Hostinger (a Node.js web app, on its Business or Cloud plan). Vercel if I have none. Install what's needed, log me in, and deploy to production. If my page lives on a page builder instead (HighLevel, ClickFunnels, Kajabi, WordPress), deploy only the function, and give me its full address to paste into the lead magnet generator.
5. Test it: sign up with an email I give you, check that Mailchimp has it, and give me the live link. Explain anything that went wrong in plain English.

Connect MailerLite through the API
I made a lead magnet page with a free lead magnet generator: the .html file in this folder. Connect it to my MailerLite account and put it live. I want the deeper connection, through the API instead of the form, so I can add tags, fields and automations later.

1. Make a folder for the site, and copy the .html file into it as index.html. In it, the opt-in is in the script with the id lm-config: set it to {"kind":"webhook","url":"/api/subscribe"}, so signups go to the function below instead of the platform's form.
2. Add one function at /api/subscribe (on Vercel: api/subscribe.js; on Netlify: netlify/functions/subscribe.mjs with the path /api/subscribe). It reads the email from the form POST (fields: email, first_name, source, page), then calls MailerLite: POST https://connect.mailerlite.com/api/subscribers, with the header Authorization: Bearer <API token> and the JSON body {"email": email, "groups": [<group ID>]}. If first_name is there, it saves it in the platform's first-name field too. It answers 204 and never shows the key.
3. Keep the API token and the group ID (MAILERLITE_TOKEN, MAILERLITE_GROUP_ID) in environment variables, never in the page. Ask me for them, then set them with the host's command line tool. Find the group ID with the MailerLite API if I don't know it.
4. Ask me where to run it: Vercel, Netlify, or Hostinger (a Node.js web app, on its Business or Cloud plan). Vercel if I have none. Install what's needed, log me in, and deploy to production. If my page lives on a page builder instead (HighLevel, ClickFunnels, Kajabi, WordPress), deploy only the function, and give me its full address to paste into the lead magnet generator.
5. Test it: sign up with an email I give you, check that MailerLite has it, and give me the live link. Explain anything that went wrong in plain English.

Connect Flodesk
I made a lead magnet page with a free lead magnet generator: the .html file in this folder. When someone signs up, the page sends a form POST to /api/subscribe on its own site, with the fields email, source and page, and first_name when I ask for it. Connect it to my Flodesk account and put it live.

1. Make a folder for the site, and copy the .html file into it as index.html.
2. Add one function at /api/subscribe (on Vercel: api/subscribe.js; on Netlify: netlify/functions/subscribe.mjs with the path /api/subscribe). It reads the email from the form POST (fields: email, first_name, source, page), then calls Flodesk: POST https://api.flodesk.com/v1/subscribers, with HTTP Basic auth (the API key as the username, an empty password) and the JSON body {"email": email, "segment_ids": [<segment ID>]}. If first_name is there, it saves it in the platform's first-name field too. It answers 204 and never shows the key.
3. Keep the API key and the segment ID (FLODESK_API_KEY, FLODESK_SEGMENT_ID) in environment variables, never in the page. Ask me for them, then set them with the host's command line tool. Ask me which segment, and find its ID with the Flodesk API (developers.flodesk.com).
4. Ask me where to run it: Vercel, Netlify, or Hostinger (a Node.js web app, on its Business or Cloud plan). Vercel if I have none. Install what's needed, log me in, and deploy to production. If my page lives on a page builder instead (HighLevel, ClickFunnels, Kajabi, WordPress), deploy only the function, and give me its full address to paste into the lead magnet generator.
5. Test it: sign up with an email I give you, check that Flodesk has it, and give me the live link. Explain anything that went wrong in plain English.

Connect Kajabi
I made a lead magnet page with a free lead magnet generator: the .html file in this folder. When someone signs up, the page sends a form POST to /api/subscribe on its own site, with the fields email, source and page, and first_name when I ask for it. Connect it to my Kajabi account and put it live.

1. Make a folder for the site, and copy the .html file into it as index.html.
2. Add one function at /api/subscribe (on Vercel: api/subscribe.js; on Netlify: netlify/functions/subscribe.mjs with the path /api/subscribe). It reads the email from the form POST (fields: email, first_name, source, page), then adds the email as a contact with Kajabi's Public API. Read its current docs at developers.kajabi.com first, and use only what they show. If first_name is there, it saves it in the platform's first-name field too. It answers 204 and never shows the key.
3. Keep the API credentials (KAJABI_* names of your choice) in environment variables, never in the page. Ask me for them, then set them with the host's command line tool.
4. Ask me where to run it: Vercel, Netlify, or Hostinger (a Node.js web app, on its Business or Cloud plan). Vercel if I have none. Install what's needed, log me in, and deploy to production. If my page lives on a page builder instead (HighLevel, ClickFunnels, Kajabi, WordPress), deploy only the function, and give me its full address to paste into the lead magnet generator.
5. Test it: sign up with an email I give you, check that Kajabi has it, and give me the live link. Explain anything that went wrong in plain English.

Connect HighLevel
I made a lead magnet page with a free lead magnet generator: the .html file in this folder. When someone signs up, the page sends a form POST to /api/subscribe on its own site, with the fields email, source and page, and first_name when I ask for it. Connect it to my HighLevel account and put it live.

1. Make a folder for the site, and copy the .html file into it as index.html.
2. Add one function at /api/subscribe (on Vercel: api/subscribe.js; on Netlify: netlify/functions/subscribe.mjs with the path /api/subscribe). It reads the email from the form POST (fields: email, first_name, source, page), then calls HighLevel: POST https://services.leadconnectorhq.com/contacts/, with the headers Authorization: Bearer <token> and Version: 2021-07-28, and the JSON body {"locationId": <location ID>, "email": email, "tags": ["lead-magnet"]}. If first_name is there, it saves it in the platform's first-name field too. It answers 204 and never shows the key.
3. Keep the token and the Location ID (HIGHLEVEL_TOKEN, HIGHLEVEL_LOCATION_ID) in environment variables, never in the page. Ask me for them, then set them with the host's command line tool.
4. Ask me where to run it: Vercel, Netlify, or Hostinger (a Node.js web app, on its Business or Cloud plan). Vercel if I have none. Install what's needed, log me in, and deploy to production. If my page lives on a page builder instead (HighLevel, ClickFunnels, Kajabi, WordPress), deploy only the function, and give me its full address to paste into the lead magnet generator.
5. Test it: sign up with an email I give you, check that HighLevel has it, and give me the live link. Explain anything that went wrong in plain English.

Connect ClickFunnels
I made a lead magnet page with a free lead magnet generator: the .html file in this folder. When someone signs up, the page sends a form POST to /api/subscribe on its own site, with the fields email, source and page, and first_name when I ask for it. Connect it to my ClickFunnels account and put it live.

1. Make a folder for the site, and copy the .html file into it as index.html.
2. Add one function at /api/subscribe (on Vercel: api/subscribe.js; on Netlify: netlify/functions/subscribe.mjs with the path /api/subscribe). It reads the email from the form POST (fields: email, first_name, source, page), then calls ClickFunnels: POST https://<subdomain>.myclickfunnels.com/api/v2/workspaces/<workspace ID>/contacts, with the header Authorization: Bearer <token> and the contact's email. Read the ClickFunnels API docs (developers.myclickfunnels.com) for the exact body, and find the workspace ID with the API. If first_name is there, it saves it in the platform's first-name field too. It answers 204 and never shows the key.
3. Keep the token, the subdomain and the workspace ID (CF_TOKEN, CF_SUBDOMAIN, CF_WORKSPACE_ID) in environment variables, never in the page. Ask me for them, then set them with the host's command line tool.
4. Ask me where to run it: Vercel, Netlify, or Hostinger (a Node.js web app, on its Business or Cloud plan). Vercel if I have none. Install what's needed, log me in, and deploy to production. If my page lives on a page builder instead (HighLevel, ClickFunnels, Kajabi, WordPress), deploy only the function, and give me its full address to paste into the lead magnet generator.
5. Test it: sign up with an email I give you, check that ClickFunnels has it, and give me the live link. Explain anything that went wrong in plain English.

Connect Brevo through the API
I made a lead magnet page with a free lead magnet generator: the .html file in this folder. Connect it to my Brevo account and put it live. I want the deeper connection, through the API instead of the form, so I can add tags, fields and automations later.

1. Make a folder for the site, and copy the .html file into it as index.html. In it, the opt-in is in the script with the id lm-config: set it to {"kind":"webhook","url":"/api/subscribe"}, so signups go to the function below instead of the platform's form.
2. Add one function at /api/subscribe (on Vercel: api/subscribe.js; on Netlify: netlify/functions/subscribe.mjs with the path /api/subscribe). It reads the email from the form POST (fields: email, first_name, source, page), then calls Brevo: POST https://api.brevo.com/v3/contacts, with the header api-key: <API key> and the JSON body {"email": email, "listIds": [<list ID>], "updateEnabled": true}. If first_name is there, it saves it in the platform's first-name field too. It answers 204 and never shows the key.
3. Keep the API key and the list ID (BREVO_API_KEY, BREVO_LIST_ID) in environment variables, never in the page. Ask me for them, then set them with the host's command line tool.
4. Ask me where to run it: Vercel, Netlify, or Hostinger (a Node.js web app, on its Business or Cloud plan). Vercel if I have none. Install what's needed, log me in, and deploy to production. If my page lives on a page builder instead (HighLevel, ClickFunnels, Kajabi, WordPress), deploy only the function, and give me its full address to paste into the lead magnet generator.
5. Test it: sign up with an email I give you, check that Brevo has it, and give me the live link. Explain anything that went wrong in plain English.

Connect ActiveCampaign through the API
I made a lead magnet page with a free lead magnet generator: the .html file in this folder. Connect it to my ActiveCampaign account and put it live. I want the deeper connection, through the API instead of the form, so I can add tags, fields and automations later.

1. Make a folder for the site, and copy the .html file into it as index.html. In it, the opt-in is in the script with the id lm-config: set it to {"kind":"webhook","url":"/api/subscribe"}, so signups go to the function below instead of the platform's form.
2. Add one function at /api/subscribe (on Vercel: api/subscribe.js; on Netlify: netlify/functions/subscribe.mjs with the path /api/subscribe). It reads the email from the form POST (fields: email, first_name, source, page), then calls ActiveCampaign's API v3 at my API URL, with the header Api-Token: <key>: create or update the contact with the email, then add it to my list. Read ActiveCampaign's API docs (developers.activecampaign.com) for the exact bodies. If first_name is there, it saves it in the platform's first-name field too. It answers 204 and never shows the key.
3. Keep the API URL, the key and the list ID (AC_API_URL, AC_API_KEY, AC_LIST_ID) in environment variables, never in the page. Ask me for them, then set them with the host's command line tool.
4. Ask me where to run it: Vercel, Netlify, or Hostinger (a Node.js web app, on its Business or Cloud plan). Vercel if I have none. Install what's needed, log me in, and deploy to production. If my page lives on a page builder instead (HighLevel, ClickFunnels, Kajabi, WordPress), deploy only the function, and give me its full address to paste into the lead magnet generator.
5. Test it: sign up with an email I give you, check that ActiveCampaign has it, and give me the live link. Explain anything that went wrong in plain English.

Connect SendFox
I made a lead magnet page with a free lead magnet generator: the .html file in this folder. When someone signs up, the page sends a form POST to /api/subscribe on its own site, with the fields email, source and page, and first_name when I ask for it. Connect it to my SendFox account and put it live.

1. Make a folder for the site, and copy the .html file into it as index.html.
2. Add one function at /api/subscribe (on Vercel: api/subscribe.js; on Netlify: netlify/functions/subscribe.mjs with the path /api/subscribe). It reads the email from the form POST (fields: email, first_name, source, page), then calls SendFox: POST https://api.sendfox.com/contacts, with the header Authorization: Bearer <token> and the fields email and lists (the list's ID). If first_name is there, it saves it in the platform's first-name field too. It answers 204 and never shows the key.
3. Keep the token and the list ID (SENDFOX_TOKEN, SENDFOX_LIST_ID) in environment variables, never in the page. Ask me for them, then set them with the host's command line tool. Ask me which list, and find its ID with the SendFox API. If it answers 402, tell me: the API needs a paid SendFox plan.
4. Ask me where to run it: Vercel, Netlify, or Hostinger (a Node.js web app, on its Business or Cloud plan). Vercel if I have none. Install what's needed, log me in, and deploy to production. If my page lives on a page builder instead (HighLevel, ClickFunnels, Kajabi, WordPress), deploy only the function, and give me its full address to paste into the lead magnet generator.
5. Test it: sign up with an email I give you, check that SendFox has it, and give me the live link. Explain anything that went wrong in plain English.

Connect Resend
I made a lead magnet page with a free lead magnet generator: the .html file in this folder. When someone signs up, the page sends a form POST to /api/subscribe on its own site, with the fields email, source and page, and first_name when I ask for it. Connect it to my Resend account and put it live.

1. Make a folder for the site, and copy the .html file into it as index.html.
2. Add one function at /api/subscribe (on Vercel: api/subscribe.js; on Netlify: netlify/functions/subscribe.mjs with the path /api/subscribe). It reads the email from the form POST (fields: email, first_name, source, page), then calls Resend: POST https://api.resend.com/contacts, with the header Authorization: Bearer <API key> and the JSON body {"email": email, "segments": [{"id": <segment ID>}]}. If first_name is there, it saves it in the platform's first-name field too. It answers 204 and never shows the key.
3. Keep the API key and the segment ID (RESEND_API_KEY, RESEND_SEGMENT_ID) in environment variables, never in the page. Ask me for them, then set them with the host's command line tool. If I want Resend to email the PDF too, send it with Resend's emails endpoint, from my verified domain.
4. Ask me where to run it: Vercel, Netlify, or Hostinger (a Node.js web app, on its Business or Cloud plan). Vercel if I have none. Install what's needed, log me in, and deploy to production. If my page lives on a page builder instead (HighLevel, ClickFunnels, Kajabi, WordPress), deploy only the function, and give me its full address to paste into the lead magnet generator.
5. Test it: sign up with an email I give you, check that Resend has it, and give me the live link. Explain anything that went wrong in plain English.

Put it on HighLevel
I'm adding a lead magnet page to my HighLevel page. The page's embed code is in embed.html in this folder (I'll paste it there first): a frame with the page inside, and a small script after it that sets the frame's height.

1. Check it works in HighLevel's custom code element: nothing the builder strips, the script outside any <div>, and no clash with the page around it.
2. If the email form uses a connector at /api/subscribe, change it to the connector's full address.
3. Give me the exact code to paste, and the steps in HighLevel, click by click.
4. After I publish, I'll give you the link: open it, and check that the page loads, the email form works, and the video plays.

Put it on ClickFunnels
I'm adding a lead magnet page to my ClickFunnels page. The page's embed code is in embed.html in this folder (I'll paste it there first): a frame with the page inside, and a small script after it that sets the frame's height.

1. Check it works in ClickFunnels's custom code element: nothing the builder strips, the script outside any <div>, and no clash with the page around it.
2. If the email form uses a connector at /api/subscribe, change it to the connector's full address.
3. Give me the exact code to paste, and the steps in ClickFunnels, click by click.
4. After I publish, I'll give you the link: open it, and check that the page loads, the email form works, and the video plays.

Put it on Kajabi
I'm adding a lead magnet page to my Kajabi page. The page's embed code is in embed.html in this folder (I'll paste it there first): a frame with the page inside, and a small script after it that sets the frame's height.

1. Check it works in Kajabi's custom code element: nothing the builder strips, the script outside any <div>, and no clash with the page around it.
2. If the email form uses a connector at /api/subscribe, change it to the connector's full address.
3. Give me the exact code to paste, and the steps in Kajabi, click by click.
4. After I publish, I'll give you the link: open it, and check that the page loads, the email form works, and the video plays.

Put it on WordPress (self-hosted)
I'm adding a lead magnet page to my WordPress (self-hosted) page. The page's embed code is in embed.html in this folder (I'll paste it there first): a frame with the page inside, and a small script after it that sets the frame's height.

1. Check it works in WordPress (self-hosted)'s custom code element: nothing the builder strips, the script outside any <div>, and no clash with the page around it.
2. If the email form uses a connector at /api/subscribe, change it to the connector's full address.
3. Give me the exact code to paste, and the steps in WordPress (self-hosted), click by click.
4. After I publish, I'll give you the link: open it, and check that the page loads, the email form works, and the video plays.

Put it live
Put my lead magnet page live on Netlify, Vercel or GitHub Pages (ask me which, and suggest one if I don't know). The page is the .html file in this folder.

1. Make a folder for the site, and copy the .html file into it as index.html.
2. Install that host's command line tool if I don't have it, log me in, and deploy the folder to production.
3. Give me the live link. Open it, and check that the page loads, the light and dark switch works, and the email form shows.
4. Tell me in plain English how to add my own domain, and how to update the page later.

Install Claude Code on a Mac or Linux
curl -fsSL https://claude.ai/install.sh | bash

Install Claude Code on Windows
irm https://claude.ai/install.ps1 | iex

Install Codex
curl -fsSL https://chatgpt.com/codex/install.sh | sh