Deployment Guide — UpPluck Social
Deployment Guide

Your Lead Capture Page is Ready to Launch

Follow this step-by-step guide to deploy your custom HTML lead generation page and start capturing leads today.

Step 1What You Received

Congratulations! Your custom lead capture HTML page has been built and is ready to deploy. Here's what's inside your file:

</> index.html ✦ Landing Page ✦ Lead Capture Form ✦ Responsive Design ✦ SEO Optimized ✦ Call-to-Action ✦ Your Branding
Your file is a single HTML file — it contains everything (HTML, CSS, JavaScript) in one file. No additional files or folders needed to get started.

Step 2Choose Your Deployment Method

Pick the option that matches your current setup. We've arranged these from easiest to most advanced.

📄 ☁️ UPLOAD 🌐 LIVE!

Using Netlify (Recommended — Free)

  1. Go to app.netlify.com/drop — no account required to start.
  2. Drag your HTML file directly onto the upload area on the page. That's it — Netlify will generate a live URL instantly.
  3. Create a free account to claim your site and get a permanent link like yoursite.netlify.app

Using Tiiny.host (Even Simpler)

  2. Upload your file, pick a link name, and click publish. Done!
Best for: Getting live fast, testing your page, or if you don't have an existing website yet.

Using cPanel File Manager

  1. Log in to your hosting cPanel (usually at yourdomain.com/cpanel or through your hosting dashboard).
  2. Open File Manager and navigate to public_html.
  3. Create a new folder for your landing page (e.g., leads or free-audit).
  4. Upload your HTML file into that folder and rename it to index.html.
  5. Your page is now live at yourdomain.com/leads/

Using FTP (FileZilla or similar)

  1. Download FileZilla (free) from filezilla-project.org
  2. Connect using your FTP credentials from your hosting provider (Host, Username, Password, Port 21).
  3. Navigate to public_html → create a subfolder → upload your HTML file as index.html.
Pro Tip: Naming the file index.html means visitors only need to type the folder URL — the file loads automatically.

Method 1: Custom HTML Block (Easiest)

  1. Log in to WordPress Admin → Pages → Add New.
  2. Click the + icon to add a block → search for "Custom HTML".
  3. Paste the contents of your HTML file into the block.
  4. Set the page slug to something clean (e.g., /free-lead-page).
  5. Under Page Attributes, select "Blank" or "Full Width" template if available.
  6. Publish!

Method 2: Upload via FTP (Full Standalone Page)

  1. Follow the FTP steps from Option B above — upload into your WordPress site's public_html directory in a subfolder.
  2. This bypasses WordPress entirely, giving you a clean standalone page on your domain.
Note: Some WordPress themes may override your styles. The FTP method (Method 2) avoids this entirely and is recommended for best results.

Website builders don't allow direct HTML file uploads, but you can still use your page with these approaches:

Step 1: Host the file externally

  1. First, deploy your HTML file using Option A (Netlify or Tiiny.host) to get a live URL.

Step 2: Embed via iframe

<!-- Paste this in an "Embed" or "Custom Code" block --> <iframe src="https://your-netlify-url.netlify.app" width="100%" height="900" frameborder="0" style="border:none; border-radius:12px;" ></iframe>

In Wix: Add → Embed → Custom Embeds → Embed a Widget. In Squarespace: Add Block → Code. In GoDaddy: Add Section → HTML.

Alternative: Instead of embedding, link directly to the hosted URL from a button on your site — this often looks cleaner and avoids styling conflicts.
  1. Create a GitHub account at github.com (free).
  2. Create a new repository — name it whatever you like (e.g., my-lead-page). Make it Public.
  3. Upload your HTML file and name it index.html.
  4. Go to Settings → Pages. Under "Source," select main branch and click Save.
  5. Your site will be live at yourusername.github.io/my-lead-page/ within a minute or two.

Step 3Connect a Custom Domain

Want your lead page on your own domain instead of a generic URL? Here are your options:

YOUR DOMAIN leads.mybiz.com DNS YOUR HOSTED PAGE 🚀 Free SSL included

A subdomain (like leads.yourbusiness.com) keeps your lead page separate while staying on your brand.

  1. Log in to your domain registrar (GoDaddy, Namecheap, Cloudflare, etc.).
  2. Go to DNS Settings for your domain.
  3. Add a CNAME record:
    Name: leads → Value: your-site.netlify.app
  4. In your hosting platform (Netlify, etc.), go to Domain Settings and add leads.yourbusiness.com as a custom domain.
  5. SSL will activate automatically within a few minutes.

Starting fresh? Buy a dedicated domain for your lead pages.

  1. Purchase a domain from Namecheap, Google Domains, or Cloudflare (typically $10–15/year).
  2. Point the domain's nameservers to your hosting provider (Netlify provides these in Domain Settings).
  3. Add the domain in your hosting platform's dashboard.
  4. Wait for DNS propagation (usually 5–30 minutes, up to 48 hours).
Recommended domain names: Keep it short and related to your offer (e.g., get-free-audit.com or yourbrand-leads.com).

If you uploaded the file to your current hosting (Option B), it's already on your domain. No additional DNS changes needed!

Your page lives at: yourdomain.com/folder-name/

Already done! If you used cPanel/FTP to upload to your hosting, your domain automatically serves the page.

Step 4Getting Your Form Working

Your HTML file includes a lead capture form. To receive the submissions, you need to connect it to a form handling service. Here's how:

Submit FORM SERVICE Processes data 📬 YOUR INBOX

If you're using Pipeline Navigator CRM (GoHighLevel), you can embed your form directly using an iframe:

  1. Log in to your GHL account and navigate to Sites → Forms.
  2. Create or select your form, then click Integrate.
  3. Copy the iframe embed code provided by GHL.
  4. In your HTML file, Find PASTE YOUR GHL FORM EMBED CODE BELOW and paste the iframe code you copied from GHL. Then DELETE the .ghl-placeholder div below it.
<iframe src="https://api.leadconnectorhq.com/widget/form/YOUR_FORM_ID" style="width:100%;height:500px;border:none;border-radius:8px;" id="inline-YOUR_FORM_ID" ></iframe>
  1. Adjust the height of the iframe (e.g., 500px–700px) to fit your form properly.
  2. Test your form by submitting a lead and confirming it appears inside GHL.
  3. Set up workflows in GHL to trigger automations (auto-replies, pipeline updates, notifications).
Easiest setup! No coding or field mapping required — your form is fully managed inside GHL, and all submissions automatically trigger your CRM automations.

Formspree is the easiest way to get form submissions emailed to you — no backend needed.

  1. Go to formspree.io and create a free account.
  2. Create a new form — you'll get a unique endpoint URL.
  3. Update your HTML form's action attribute:
<form method="POST" action="https://formspree.io/f/YOUR_FORM_ID" > <!-- Your existing form fields --> </form>
  1. That's it! Every submission goes straight to your email. Free plan allows 50 submissions/month.

Send form data to any app using Zapier, Make.com, or a custom webhook.

  1. Use Formspree or Formspark as the initial receiver (they support webhook forwarding).
  2. In Zapier: Create a Zap with "Webhooks by Zapier" as the trigger → "Catch Hook."
  3. Point your form's action to the Zapier webhook URL.
  4. Add actions: send to Google Sheets, Slack, your CRM, email, or anywhere else.
Power Move: Connect Zapier to GoHighLevel to automatically create contacts, assign pipeline stages, and fire off your nurture sequences.

Step 5Pre-Launch Checklist

Before you share your page with the world, run through this checklist. Click each item to mark it complete:

  • Page loads correctly on desktop browser
  • Page loads correctly on mobile phone
  • Form submission works — test with your own email
  • Lead data arrives in your CRM / inbox correctly
  • All links and buttons work as expected
  • SSL certificate is active (page shows 🔒 in browser)
  • Thank you / confirmation message displays after submit
  • Page title and meta description look correct in browser tab

Need a Hand? We've Got You.
Go Quick Live Package

Let the UpPluck Social team handle the entire deployment for you — from upload to live, tested, and capturing leads.

$499 one-time
  • Full page deployment
  • Domain connection & SSL
  • Form & CRM integration
  • Full testing & QA
  • 30-day support
Book Your Setup Call
💬

Here at UpPluck Social, we're here to help. Whether you have a quick question about deployment or want us to handle the whole thing — don't hesitate to reach out.

We respond to all inquiries within 24 hours.

Your partner in lead generation & AI-powered sales automation.

Book a Call