Provides HTML forms and JavaScript snippets for integrating sales funnels with email providers (Mailchimp, ConvertKit, ActiveCampaign), Stripe payments, HubSpot CRM, and webhooks.
npx claudepluginhub ominou5/funnel-architect-pluginThis skill uses the workspace's default tool permissions.
Connect your funnel to the tools that make it work: email, payments, CRM, and automation.
Builds 2-page opt-in funnel with squeeze page for email capture via lead magnet and thank-you page for delivery/upsell. Use to grow email lists.
Builds HubSpot marketing automation workflows: create static/dynamic contact lists, process form submissions, send emails, manage tickets using TypeScript API client.
Guides SaaS integration decisions (build vs Zapier) and implementation for Stripe, OAuth, webhooks, Slack, email providers. Covers auth flows, API patterns, error handling.
Share bugs, ideas, or general feedback.
Connect your funnel to the tools that make it work: email, payments, CRM, and automation.
<!-- Mailchimp Embedded Form -->
<form action="https://YOUR-ACCOUNT.us1.list-manage.com/subscribe/post?u=XXXX&id=XXXX" method="post">
<input type="email" name="EMAIL" placeholder="Email" required>
<input type="hidden" name="tags" value="funnel-lead">
<button type="submit">Subscribe</button>
</form>
<!-- ConvertKit Form -->
<form action="https://app.convertkit.com/forms/FORM_ID/subscriptions" method="post">
<input type="email" name="email_address" placeholder="Email" required>
<input type="hidden" name="tags[]" value="TAG_ID">
<button type="submit">Subscribe</button>
</form>
<!-- ActiveCampaign Form -->
<form action="https://ACCOUNT.activehosted.com/proc.php" method="POST">
<input type="hidden" name="u" value="FORM_ID">
<input type="hidden" name="f" value="FORM_ID">
<input type="email" name="email" placeholder="Email" required>
<button type="submit">Subscribe</button>
</form>
// Redirect to Stripe Checkout
async function handlePurchase() {
const response = await fetch('/api/create-checkout-session', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
priceId: 'price_XXXXXXXXXXXXXXXX',
successUrl: window.location.origin + '/thank-you',
cancelUrl: window.location.origin + '/offer'
})
});
const { url } = await response.json();
window.location.href = url;
}
<a href="https://buy.stripe.com/XXXXXX" class="cta-primary">
Buy Now — $297
</a>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
region: "na1",
portalId: "YOUR_PORTAL_ID",
formId: "YOUR_FORM_ID",
target: "#hubspot-form"
});
</script>
<div id="hubspot-form"></div>
For any tool that supports webhooks:
// Send form data to a webhook
document.querySelector('form').addEventListener('submit', async (e) => {
e.preventDefault();
const formData = new FormData(e.target);
const data = Object.fromEntries(formData);
await fetch('https://hooks.your-automation.com/webhook/XXXX', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(data)
});
window.location.href = '/thank-you';
});