squeeze-page-builder

Name: squeeze-page-builder
Author: Affitor

4installs184forks

How to install squeeze-page-builder?

affitor/affiliate-skills/squeeze-page-builder

$npx -y skills add Affitor/affiliate-skills --skill squeeze-page-builder

Installs into the current project.

Summary

Build email capture landing pages (squeeze pages) as single self-contained HTML files. Triggers on: "build a squeeze page", "email capture page", "lead magnet page", "create an opt-in page", "build an email list page", "lead capture landing page", "create a freebie page", "build

Files · 1

View on GitHub

SKILL.md

1	# Squeeze Page Builder
2
3	Build email capture landing pages (squeeze pages) as self-contained HTML files with no dependencies. The page offers a high-value lead magnet (ebook, checklist, template, or cheat sheet) in exchange for the visitor's email address, then redirects to an affiliate offer on form submission. Output is a single deployable `.html` file.
4
5	## When to Use
6
7	- User wants to build an email list while simultaneously promoting an affiliate product
8	- User wants to warm up cold traffic before sending to an affiliate offer
9	- User says "squeeze page", "opt-in page", "lead magnet", "email capture", "freebie page"
10	- User wants a two-step funnel: email capture → affiliate redirect
11	- User has ad traffic and needs a landing page that collects leads before the affiliate click
12
13	## Workflow
14
15	### Step 1: Define the Lead Magnet and Offer
16
17	A squeeze page requires two things:
18	1. The lead magnet — the free thing offered in exchange for the email
19	2. The thank-you redirect — where the visitor goes after submitting (the affiliate link)
20
21	Detect from user input. If not specified, ask:
22	- "What free resource will you offer? (e.g., a checklist, ebook, template, cheat sheet, mini-course)"
23	- "What affiliate product should visitors see after they sign up?"
24
25	Lead magnet selection guide — suggest based on niche if user is unsure:
26	\| Niche \| Best lead magnet type \|
27	\|---\|---\|
28	\| Marketing / SEO \| Checklist, swipe file, templates \|
29	\| Finance / Investing \| Calculator, cheat sheet, guide \|
30	\| Health / Fitness \| Meal plan, workout plan, tracker \|
31	\| Software / SaaS \| Tutorial, quick-start guide, resource list \|
32	\| Business / Productivity \| Templates, SOPs, spreadsheets \|
33
34	Lead magnet title formula (high-converting):
35	- "[N]-Point Checklist: How to [Achieve Desired Outcome]"
36	- "The Free [Niche] Starter Kit: [X] Templates for [Goal]"
37	- "Download: The Ultimate [Topic] Guide ([Year])"
38	- "[Adjective] Cheat Sheet: [X] Ways to [Outcome] in [Timeframe]"
39
40	### Step 2: Craft the Page Strategy
41
42	Read `references/conversion-principles.md` for squeeze page-specific principles.
43
44	Key conversion levers for squeeze pages:
45	1. Clarity over cleverness — the visitor should know in 3 seconds what they get and what they must do
46	2. Above-fold completeness — the opt-in form must be visible without scrolling on mobile
47	3. Single goal — no navigation, no external links, no distractions
48	4. Social proof — even one strong number ("Join 4,200+ marketers") dramatically lifts conversion
49	5. Privacy signal — "No spam. Unsubscribe anytime." reduces friction at the form
50
51	Plan the page sections:
52	1. Header — logo/brand name only (no nav links)
53	2. Hero section (above fold):
54	- Headline: the transformation or outcome the lead magnet delivers
55	- Sub-headline: what's inside + who it's for
56	- Lead magnet visual (styled HTML mockup — no images needed)
57	- Email form with single field + submit button
58	- Privacy micro-copy: "No spam. Unsubscribe anytime."
59	3. What's Inside — 3-5 bullet points describing lead magnet contents
60	4. Social Proof — subscriber count, testimonial, or press mention
61	5. Who This Is For — 3-4 bullet points identifying the ideal reader
62	6. Second opt-in form — repeat the form lower on the page for scrollers
63	7. Footer — FTC note, privacy policy placeholder, Affitor attribution
64
65	Thank-you redirect behavior:
66	The form submission should redirect to the affiliate URL. Since this is a static HTML file with no backend, use a JavaScript pattern:
67	```javascript
68	form.addEventListener('submit', function(e) {
69	e.preventDefault();
70	// In production: POST email to your ESP (Mailchimp, ConvertKit, etc.)
71	// Then redirect to affiliate offer:
72	window.location.href = '[affiliate_url]';
73	});
74	```
75	Include a comment block explaining how to wire this to a real ESP (Mailchimp embed code, ConvertKit, etc.).
76
77	### Step 3: Write the Full HTML
78
79	Build a complete, self-contained HTML file:
80
81	Copy requirements:
82
83	Headline (8-12 words, result-focused):
84	- "Get the Free [Lead Magnet Title] and Start [Outcome] Today"
85	- "Download: [Lead Magnet Title] — Free for [Audience]"
86	- "The [Adjective] Way to [Outco

People who liked this also viewed

6 picks

Type

squeeze-page-builder

4installs184forks

View on GitHub

How to install squeeze-page-builder?

affitor/affiliate-skills/squeeze-page-builder

$npx -y skills add Affitor/affiliate-skills --skill squeeze-page-builder

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# Squeeze Page Builder
2
3	Build email capture landing pages (squeeze pages) as self-contained HTML files with no dependencies. The page offers a high-value lead magnet (ebook, checklist, template, or cheat sheet) in exchange for the visitor's email address, then redirects to an affiliate offer on form submission. Output is a single deployable `.html` file.
4
5	## When to Use
6
7	- User wants to build an email list while simultaneously promoting an affiliate product
8	- User wants to warm up cold traffic before sending to an affiliate offer
9	- User says "squeeze page", "opt-in page", "lead magnet", "email capture", "freebie page"
10	- User wants a two-step funnel: email capture → affiliate redirect
11	- User has ad traffic and needs a landing page that collects leads before the affiliate click
12
13	## Workflow
14
15	### Step 1: Define the Lead Magnet and Offer
16
17	A squeeze page requires two things:
18	1. The lead magnet — the free thing offered in exchange for the email
19	2. The thank-you redirect — where the visitor goes after submitting (the affiliate link)
20
21	Detect from user input. If not specified, ask:
22	- "What free resource will you offer? (e.g., a checklist, ebook, template, cheat sheet, mini-course)"
23	- "What affiliate product should visitors see after they sign up?"
24
25	Lead magnet selection guide — suggest based on niche if user is unsure:
26	\| Niche \| Best lead magnet type \|
27	\|---\|---\|
28	\| Marketing / SEO \| Checklist, swipe file, templates \|
29	\| Finance / Investing \| Calculator, cheat sheet, guide \|
30	\| Health / Fitness \| Meal plan, workout plan, tracker \|
31	\| Software / SaaS \| Tutorial, quick-start guide, resource list \|
32	\| Business / Productivity \| Templates, SOPs, spreadsheets \|
33
34	Lead magnet title formula (high-converting):
35	- "[N]-Point Checklist: How to [Achieve Desired Outcome]"
36	- "The Free [Niche] Starter Kit: [X] Templates for [Goal]"
37	- "Download: The Ultimate [Topic] Guide ([Year])"
38	- "[Adjective] Cheat Sheet: [X] Ways to [Outcome] in [Timeframe]"
39
40	### Step 2: Craft the Page Strategy
41
42	Read `references/conversion-principles.md` for squeeze page-specific principles.
43
44	Key conversion levers for squeeze pages:
45	1. Clarity over cleverness — the visitor should know in 3 seconds what they get and what they must do
46	2. Above-fold completeness — the opt-in form must be visible without scrolling on mobile
47	3. Single goal — no navigation, no external links, no distractions
48	4. Social proof — even one strong number ("Join 4,200+ marketers") dramatically lifts conversion
49	5. Privacy signal — "No spam. Unsubscribe anytime." reduces friction at the form
50
51	Plan the page sections:
52	1. Header — logo/brand name only (no nav links)
53	2. Hero section (above fold):
54	- Headline: the transformation or outcome the lead magnet delivers
55	- Sub-headline: what's inside + who it's for
56	- Lead magnet visual (styled HTML mockup — no images needed)
57	- Email form with single field + submit button
58	- Privacy micro-copy: "No spam. Unsubscribe anytime."
59	3. What's Inside — 3-5 bullet points describing lead magnet contents
60	4. Social Proof — subscriber count, testimonial, or press mention
61	5. Who This Is For — 3-4 bullet points identifying the ideal reader
62	6. Second opt-in form — repeat the form lower on the page for scrollers
63	7. Footer — FTC note, privacy policy placeholder, Affitor attribution
64
65	Thank-you redirect behavior:
66	The form submission should redirect to the affiliate URL. Since this is a static HTML file with no backend, use a JavaScript pattern:
67	```javascript
68	form.addEventListener('submit', function(e) {
69	e.preventDefault();
70	// In production: POST email to your ESP (Mailchimp, ConvertKit, etc.)
71	// Then redirect to affiliate offer:
72	window.location.href = '[affiliate_url]';
73	});
74	```
75	Include a comment block explaining how to wire this to a real ESP (Mailchimp embed code, ConvertKit, etc.).
76
77	### Step 3: Write the Full HTML
78
79	Build a complete, self-contained HTML file:
80
81	Copy requirements:
82
83	Headline (8-12 words, result-focused):
84	- "Get the Free [Lead Magnet Title] and Start [Outcome] Today"
85	- "Download: [Lead Magnet Title] — Free for [Audience]"
86	- "The [Adjective] Way to [Outco

People who liked this also viewed

6 picks

Type