Sales Gen 2.0 tool ext


sales tool for service workers

đŸ”„ let’s go! I built you a cPanel-ready “JD Sales GEN 2.0” web app scaffold that matches that sleek dark/gradient style and wires in the core flow you described:

  • Splash + app shell + PWA (installable).
  • “My Services” grid (House cleaning, Pressure washing, Yard organization, Demolition, Pool & paver sealer, Screen enclosures, Tile installation, Gutter installation, General services, Cabinet installation).
  • Service tools page:
    • URL Capture → Email Extractor (via api/fetch.php + regex).
    • Recipients editor (up to 10).
    • Lead form (name/company/phone/address/notes) + save to data/leads.json via api/leads.php.
    • Dynamic proposal generator (subject/body templated by service).
    • One-click email (mailto:), Copy, and Social share (Web Share API fallback to FB/X/LinkedIn share URLs).
  • Ads Generator (separate page) to make a banner:
    • Canvas “flash banner” (headline, subhead, contact, CTA, optional background image) → Download PNG.
    • Export SVG markup for vector use.
  • Offline caching with sw.js, manifest + icons so it installs like an app.

upgraded Ads page with the Research Tool moved to the bottom of /tools/ads/index.html, pulling results from the web via DuckDuckGo (server-side cURL), plus URL→email capture, a proposal composer, and optional Google Sign-In.

Download

What’s inside (and how it maps to your asks)

  1. Research Tool = real web search
    • Endpoint: ads/api/search.php uses DuckDuckGo HTML with server-side cURL, so it doesn’t “search your site”—it fetches public web results.
    • Results show Title + URL + snippet. Clicking a result auto-fills the URL into the URL → Email Capture box above it.
  2. URL → Email Capture (auto-extract up to 10 emails)
    • Endpoint: ads/api/fetch.php fetches any webpage and extracts emails (filters out obvious no-replys).
    • Captured emails get added to the Recipients list (up to 10), ready to drop into a proposal email.
  3. Proposal Composer (right on the Ads page)
    • Generate a ready-to-send proposal (one-click).
    • Compose in Gmail button opens Gmail with recipients/subject/body prefilled.
    • Open in Email uses mailto: if you’re not on Gmail.
    • Copy button for quick paste.
  4. More Social options & lightweight ad banner canvas
    • Quick banner maker remains on top for simple promos (download as PNG).
    • You can paste that image into social posts, the sales page, or email outreach.
  5. Optional Google Sign-In (simple front-end)
    • The header includes Google Identity Services (no Gmail API yet—just sign-in).
    • Replace REPLACE_WITH_YOUR_GOOGLE_CLIENT_ID.apps.googleusercontent.com in ads/index.html with your Client ID.
    • Shows “Signed in with Google” status; later we can enable Gmail API / Google Drive (requires a small backend + OAuth consent screen).

Install steps (cpanel)

  1. Upload & extract to: /public_html/tools/ads/
    • This creates index.html, assets/, and api/ in that folder.
  2. Make sure PHP has cURL enabled. (In cPanel → Select PHP version → enable “curl”.)
    • ads/api/search.php and ads/api/fetch.php both require cURL.
  3. (Optional) Google Sign-In
    • In Google Cloud Console → OAuth credentials → Web Client → add your domain as an Authorized JavaScript origin.
    • Put your Client ID into the data-client_id in index.html.


Dede Avatar