JD Sales GEN Tool {version1.0} \u2013 Install Guide<\/title>\n <style>\n :root{{\n --bg:#0b1220;--card:#101b33;--text:#e8eefc;--muted:#a9b7d6;\n --accent:#ff6b35;--accent2:#2dd4bf;--line:rgba(255,255,255,.08);\n --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n --sans: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n }}\n body{{margin:0;background:radial-gradient(1000px 600px at 20% 0%, rgba(255,107,53,.25), transparent 50%),\n radial-gradient(900px 600px at 90% 20%, rgba(45,212,191,.18), transparent 45%),\n var(--bg);\n color:var(--text);font-family:var(--sans);line-height:1.55;}}\n .wrap{{max-width:980px;margin:0 auto;padding:28px 18px 64px;}}\n header{{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px;}}\n .brand h1{{margin:0;font-size:28px;letter-spacing:.2px}}\n .brand p{{margin:6px 0 0;color:var(--muted);}}\n .badge{{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid var(--line);\n border-radius:999px;padding:8px 12px;color:var(--muted);font-size:13px}}\n .grid{{display:grid;grid-template-columns:1fr;gap:14px}}\n @media (min-width: 980px){{ .grid{{grid-template-columns: 1fr 1fr;}} }}\n .card{{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));\n border:1px solid var(--line);border-radius:16px;padding:16px 16px 14px;box-shadow:0 12px 40px rgba(0,0,0,.35);}}\n h2{{margin:0 0 10px;font-size:18px}}\n h3{{margin:14px 0 8px;font-size:15px;color:#dbe7ff}}\n p{{margin:0 0 10px}}\n ul,ol{{margin:8px 0 10px 20px;color:var(--text);}}\n li{{margin:6px 0}}\n .k{{font-family:var(--mono);font-size:13px;background:rgba(0,0,0,.35);border:1px solid var(--line);padding:1px 6px;border-radius:8px}}\n pre{{margin:10px 0;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:14px;padding:12px;overflow:auto;}}\n code{{font-family:var(--mono);font-size:13px;color:#e8eefc;}}\n .callout{{border-left:4px solid var(--accent);padding:10px 12px;margin:10px 0;background:rgba(255,107,53,.08);border-radius:12px;}}\n .ok{{border-left-color:var(--accent2);background:rgba(45,212,191,.08);}}\n .hr{{height:1px;background:var(--line);margin:14px 0;}}\n .toc a{{color:#dbe7ff;text-decoration:none}}\n .toc a:hover{{text-decoration:underline}}\n footer{{margin-top:22px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:14px;}}\n .btn{{display:inline-block;margin-top:6px;background:rgba(255,255,255,.08);border:1px solid var(--line);\n padding:8px 10px;border-radius:12px;color:var(--text);text-decoration:none}}\n <\/style>\n\n\n <div class=\"wrap\">\n <header>\n <div class=\"brand\">\n <h1>{product_name} {version} \u2013 Install Guide<\/h1>\n <p>Self-hosted ZIP web app \u2022 Install anywhere (root or subfolder) \u2022 Works on cPanel, shared hosting, VPS, or local servers.<\/p>\n <\/div>\n <div class=\"badge\">\n <span>Docs build:<\/span> <span class=\"k\">{today}<\/span>\n <\/div>\n <\/header>\n\n <div class=\"card toc\">\n <h2>Table of Contents<\/h2>\n <ul>\n <li><a href=\"#quick\">Quick Start<\/a><\/li>\n <li><a href=\"#requirements\">Requirements<\/a><\/li>\n <li><a href=\"#install-cpanel\">Install on cPanel<\/a><\/li>\n <li><a href=\"#install-other\">Install on Any Server<\/a><\/li>\n <li><a href=\"#subfolder\">Root vs Subfolder Installs<\/a><\/li>\n <li><a href=\"#pwa\">PWA \/ Manifest \/ Service Worker Notes<\/a><\/li>\n <li><a href=\"#troubleshoot\">Troubleshooting<\/a><\/li>\n <li><a href=\"#security\">Security & Best Practices<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"grid\">\n <section class=\"card\" id=\"quick\">\n <h2>Quick Start (5 minutes)<\/h2>\n <ol>\n <li>Unzip the product package on your computer.<\/li>\n <li>Upload the <span class=\"k\">jd-sales-gen<\/span> folder contents to your server.<\/li>\n <li>Visit the URL in your browser (example: <span class=\"k\">https:\/\/yourdomain.com\/jd-sales-gen\/<\/span>).<\/li>\n <li>If uploads or buttons act \u201cstale,\u201d clear the site cache \/ unregister service worker (see Troubleshooting).<\/li>\n <\/ol>\n <div class=\"callout ok\">\n <strong>Tip:<\/strong> For demos, use a subfolder install. For production internal use, you can also install under <span class=\"k\">\/tools\/<\/span> or <span class=\"k\">\/apps\/<\/span>.\n <\/div>\n <\/section>\n\n <section class=\"card\" id=\"requirements\">\n <h2>Requirements<\/h2>\n <ul>\n <li><strong>Hosting:<\/strong> Any static-friendly hosting works (Apache, Nginx, cPanel, etc.).<\/li>\n <li><strong>Browser:<\/strong> Chrome\/Edge\/Firefox\/Safari (latest). Mobile supported.<\/li>\n <li><strong>HTTPS:<\/strong> Recommended. Required for PWA install prompts + service workers.<\/li>\n <li><strong>Server-side:<\/strong> Not required for core features (this version is front-end\/self-contained).<\/li>\n <\/ul>\n <div class=\"callout\">\n <strong>Important:<\/strong> Some features store data locally (your browser) using <span class=\"k\">localStorage<\/span>. Clearing browser data clears saved ads on that device.\n <\/div>\n <\/section>\n <\/div>\n\n <section class=\"card\" id=\"install-cpanel\">\n <h2>Install on cPanel (File Manager)<\/h2>\n <ol>\n <li>Login to cPanel \u2192 <strong>File Manager<\/strong>.<\/li>\n <li>Open <span class=\"k\">public_html<\/span>.<\/li>\n <li>Create a folder (example): <span class=\"k\">jd-sales-gen<\/span><\/li>\n <li>Upload the product files into that folder:\n <ul>\n <li><span class=\"k\">index.html<\/span><\/li>\n <li><span class=\"k\">upload.js<\/span> (if included)<\/li>\n <li><span class=\"k\">sw.js<\/span> (optional)<\/li>\n <li><span class=\"k\">manifest.webmanifest<\/span> (or your manifest filename)<\/li>\n <li><span class=\"k\">icons\/<\/span> and <span class=\"k\">assets\/<\/span> folders (if included)<\/li>\n <\/ul>\n <\/li>\n <li>Visit: <span class=\"k\">https:\/\/yourdomain.com\/jd-sales-gen\/<\/span><\/li>\n <\/ol>\n\n <h3>Install by ZIP Upload (faster)<\/h3>\n <ol>\n <li>Upload the ZIP into <span class=\"k\">public_html<\/span>.<\/li>\n <li>Right-click ZIP \u2192 <strong>Extract<\/strong>.<\/li>\n <li>Rename extracted folder to <span class=\"k\">jd-sales-gen<\/span> (optional).<\/li>\n <\/ol>\n <\/section>\n\n <section class=\"card\" id=\"install-other\">\n <h2>Install on Any Server (Apache\/Nginx\/Local)<\/h2>\n <p>Because JD Sales GEN is a front-end app, you can host it like a normal website:<\/p>\n <ul>\n <li>Copy files into your web root folder, or a subfolder.<\/li>\n <li>Make sure the server serves <span class=\"k\">.html<\/span>, <span class=\"k\">.js<\/span>, <span class=\"k\">.css<\/span>, <span class=\"k\">.png<\/span>, <span class=\"k\">.json<\/span>\/<span class=\"k\">.webmanifest<\/span> with correct MIME types.<\/li>\n <\/ul>\n <div class=\"callout ok\">\n <strong>Best practice:<\/strong> Put this app behind HTTPS (free Let\u2019s Encrypt is fine). It improves reliability, especially with PWA caching.\n <\/div>\n <\/section>\n\n <div class=\"grid\">\n <section class=\"card\" id=\"subfolder\">\n <h2>Root vs Subfolder Installs<\/h2>\n <h3>Recommended: subfolder install<\/h3>\n <p>Example:<\/p>\n <pre><code>https:\/\/yourdomain.com\/jd-sales-gen\/<\/code><\/pre>\n\n <h3>Root install<\/h3>\n <p>If you want the app at your site homepage:<\/p>\n <pre><code>https:\/\/yourdomain.com\/<\/code><\/pre>\n <p>Place the files directly in <span class=\"k\">public_html<\/span> (or server root).<\/p>\n\n <div class=\"callout\">\n <strong>Note:<\/strong> If you move folders after first visit, your browser may keep cached paths (service worker). Use Troubleshooting steps to clear.\n <\/div>\n <\/section>\n\n <section class=\"card\" id=\"pwa\">\n <h2>PWA \/ Manifest \/ Service Worker Notes<\/h2>\n <p>This app may include PWA support. The main parts are:<\/p>\n <ul>\n <li><span class=\"k\">manifest.webmanifest<\/span> (or similar)<\/li>\n <li><span class=\"k\">sw.js<\/span> service worker<\/li>\n <\/ul>\n\n <h3>Make it install-anywhere<\/h3>\n <p>Use relative paths in your HTML so buyers can install in any folder:<\/p>\n <pre><code><link rel=\"manifest\" href=\"manifest.webmanifest\"><\/code><\/pre>\n\n <p>And register the service worker relative to the install folder:<\/p>\n <pre><code>navigator.serviceWorker.register('.\/sw.js');<\/code><\/pre>\n\n <div class=\"callout ok\">\n <strong>If you don\u2019t need offline mode:<\/strong> you can remove\/disable the service worker to avoid cache issues during development.\n <\/div>\n <\/section>\n <\/div>\n\n <section class=\"card\" id=\"troubleshoot\">\n <h2>Troubleshooting<\/h2>\n\n <h3>\u201cI uploaded new files but the site still shows old behavior\u201d<\/h3>\n <p>This is almost always a cache \/ service worker issue.<\/p>\n <ol>\n <li>Open DevTools \u2192 Application \u2192 Service Workers \u2192 <strong>Unregister<\/strong>.<\/li>\n <li>Application \u2192 Storage \u2192 <strong>Clear site data<\/strong>.<\/li>\n <li>Hard refresh: <span class=\"k\">Ctrl<\/span> + <span class=\"k\">Shift<\/span> + <span class=\"k\">R<\/span><\/li>\n <\/ol>\n\n <h3>Upload dialog opens but nothing previews<\/h3>\n <ul>\n <li>Make sure the upload JS file is loading (Network tab \u2192 check for <span class=\"k\">upload.js<\/span> 200 OK).<\/li>\n <li>Disable extensions (ad blockers \/ privacy tools) and retest in Incognito.<\/li>\n <li>If using SW, clear as above.<\/li>\n <\/ul>\n\n <h3>Manifest or icon errors<\/h3>\n <p>If console shows icon errors, verify your manifest points to icons that actually exist. For subfolder installs, prefer relative icon paths like <span class=\"k\">icons\/icon-192\u00d7192.png<\/span>.<\/p>\n\n <div class=\"hr\"><\/div>\n <div class=\"callout\">\n <strong>Support tip:<\/strong> If you sell this as a ZIP, include the exact folder tree in your README and tell buyers \u201csubfolder installs are recommended.\u201d\n <\/div>\n <\/section>\n\n <section class=\"card\" id=\"security\">\n <h2>Security & Best Practices<\/h2>\n <ul>\n <li><strong>Do not<\/strong> place sensitive personal data into the app unless you also add server-side storage + authentication.<\/li>\n <li>Keep the demo public, but use a private install for real client lead lists if needed.<\/li>\n <li>Use HTTPS and modern browsers.<\/li>\n <li>If you add server-side uploads later, validate file types and store uploads outside executable paths.<\/li>\n <\/ul>\n <div class=\"callout ok\">\n <strong>Recommended structure:<\/strong> <span class=\"k\">\/apps\/jd-sales-gen\/<\/span> or <span class=\"k\">\/tools\/jd-sales-gen\/<\/span> to keep your site organized.\n <\/div>\n <\/section>\n\n <footer>\n <p><strong>{product_name}<\/strong> \u2022 Install Guide \u2022 Studio1Live \u2022 Generated {today}<\/p>\n <p>Next: open <span class=\"k\">usage.html<\/span> for the user walkthrough and best practices.<\/p>\n <\/footer>\n <\/div>\n\n\n\n\n\n\n\n\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n <title>JD Sales Gen Tool version1.0 \u2013 Usage Guide<\/title>\n <style>\n :root{{\n --bg:#070b16;--card:#0e1630;--text:#eef3ff;--muted:#aab8da;\n --accent:#ff6b35;--accent2:#60a5fa;--line:rgba(255,255,255,.08);\n --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n --sans: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n }}\n body{{margin:0;background:radial-gradient(900px 520px at 10% 0%, rgba(96,165,250,.18), transparent 55%),\n radial-gradient(900px 600px at 90% 10%, rgba(255,107,53,.20), transparent 55%),\n var(--bg);\n color:var(--text);font-family:var(--sans);line-height:1.6;}}\n .wrap{{max-width:980px;margin:0 auto;padding:28px 18px 64px;}}\n header{{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px;}}\n h1{{margin:0;font-size:28px}}\n header p{{margin:6px 0 0;color:var(--muted);}}\n .badge{{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid var(--line);\n border-radius:999px;padding:8px 12px;color:var(--muted);font-size:13px}}\n .card{{background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));\n border:1px solid var(--line);border-radius:16px;padding:16px 16px 14px;box-shadow:0 12px 40px rgba(0,0,0,.35);margin:12px 0;}}\n h2{{margin:0 0 10px;font-size:18px}}\n h3{{margin:14px 0 8px;font-size:15px;color:#dbe7ff}}\n p{{margin:0 0 10px}}\n ul,ol{{margin:8px 0 10px 20px}}\n li{{margin:6px 0}}\n .k{{font-family:var(--mono);font-size:13px;background:rgba(0,0,0,.35);border:1px solid var(--line);padding:1px 6px;border-radius:8px}}\n pre{{margin:10px 0;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:14px;padding:12px;overflow:auto;}}\n code{{font-family:var(--mono);font-size:13px;color:#eef3ff;}}\n .callout{{border-left:4px solid var(--accent);padding:10px 12px;margin:10px 0;background:rgba(255,107,53,.08);border-radius:12px;}}\n .callout.blue{{border-left-color:var(--accent2);background:rgba(96,165,250,.10);}}\n .grid{{display:grid;grid-template-columns:1fr;gap:14px}}\n @media (min-width: 980px){{ .grid{{grid-template-columns: 1fr 1fr;}} }}\n footer{{margin-top:22px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:14px;}}\n a{{color:#dbe7ff}}\n <\/style>\n\n\n <div class=\"wrap\">\n <header>\n <div>\n <h1>{product_name} {version} \u2013 Usage Guide<\/h1>\n <p>How to use the dashboard, capture leads, generate ads, and reuse assets efficiently.<\/p>\n <\/div>\n <div class=\"badge\">\n <span>Docs build:<\/span> <span class=\"k\">{today}<\/span>\n <\/div>\n <\/header>\n\n <section class=\"card\">\n <h2>What this tool is for<\/h2>\n <p>{product_name} is designed as a practical \u201csales + marketing command center\u201d for service businesses. It helps you:<\/p>\n <ul>\n <li>Create service-specific campaigns faster (cleaning, pressure washing, gutters, tile, cabinets, etc.)<\/li>\n <li>Capture leads from URLs and quickly generate outreach messages<\/li>\n <li>Generate ad assets (banner, SVG, HTML) and save them for reuse<\/li>\n <li>Keep your workflow consistent so you don\u2019t start from scratch every time<\/li>\n <\/ul>\n <div class=\"callout blue\">\n <strong>Tip:<\/strong> Treat this like a \u201ctemplate engine.\u201d The first set of ads you build becomes your reusable library.\n <\/div>\n <\/section>\n\n <div class=\"grid\">\n <section class=\"card\">\n <h2>1) Entering the app<\/h2>\n <ol>\n <li>Open the URL where you installed the app.<\/li>\n <li>On the splash screen, click <span class=\"k\">Enter Application<\/span>.<\/li>\n <li>You\u2019ll land on the main dashboard with service cards.<\/li>\n <\/ol>\n <p>If you ever update files and the splash acts odd, see <a href=\"install.html#troubleshoot\">Troubleshooting<\/a>.<\/p>\n <\/section>\n\n <section class=\"card\">\n <h2>2) Choosing a service<\/h2>\n <p>Each service card represents a \u201cmarketing context\u201d (targeted messaging and assets).<\/p>\n <ol>\n <li>Click a service card (example: <span class=\"k\">House Cleaning<\/span>).<\/li>\n <li>The service page opens with tools like Lead Capture, Ad Generator, and Sharing.<\/li>\n <\/ol>\n <div class=\"callout\">\n <strong>Best practice:<\/strong> Keep separate ad titles\/descriptions for each service so your messaging stays tight.\n <\/div>\n <\/section>\n <\/div>\n\n <section class=\"card\">\n <h2>3) Lead Capture workflow (URL \u2192 email \u2192 proposal)<\/h2>\n <ol>\n <li>Paste a prospect URL into <span class=\"k\">Website URL<\/span>.<\/li>\n <li>Click <span class=\"k\">Auto-Detect Email<\/span> (this suggests an email format based on the domain).<\/li>\n <li>Fill out Contact Name + Phone if you have it.<\/li>\n <li>Customize the proposal template (keep a consistent structure).<\/li>\n <li>Click <span class=\"k\">Send Proposal<\/span> to open the email modal.<\/li>\n <\/ol>\n\n <div class=\"callout blue\">\n <strong>Pro tip:<\/strong> Save multiple proposal templates (one per service). Fast outreach wins.\n <\/div>\n <\/section>\n\n <div class=\"grid\">\n <section class=\"card\">\n <h2>4) Ad Generator workflow<\/h2>\n <ol>\n <li>Scroll to <span class=\"k\">Ad Generator<\/span>.<\/li>\n <li>Upload images\/logos (optional).<\/li>\n <li>Select an ad format (Banner \/ SVG \/ GIF \/ Flash-style HTML).<\/li>\n <li>Edit <span class=\"k\">Ad Title<\/span>, <span class=\"k\">Description<\/span>, and <span class=\"k\">CTA<\/span>.<\/li>\n <li>Click <span class=\"k\">Generate Ad<\/span> to save it to your gallery.<\/li>\n <\/ol>\n <div class=\"callout\">\n <strong>Keep it simple:<\/strong> Short title + one benefit + one CTA usually converts best.\n <\/div>\n <\/section>\n\n <section class=\"card\">\n <h2>5) Uploading assets<\/h2>\n <p>The uploader supports common files used in marketing workflows:<\/p>\n <ul>\n <li>Images: <span class=\"k\">.jpg .jpeg .png .gif .svg<\/span><\/li>\n <li>Optional: <span class=\"k\">.zip<\/span> bundles<\/li>\n <li>Optional: <span class=\"k\">.glb .gltf<\/span> (3D assets, if you use them in other projects)<\/li>\n <\/ul>\n <p>Uploads are used for previewing and building ads. This version does not require server-side upload endpoints.<\/p>\n <\/section>\n <\/div>\n\n <section class=\"card\">\n <h2>6) Saved Ads Gallery<\/h2>\n <p>Every ad you save is stored locally in your browser.<\/p>\n <ul>\n <li><strong>Preview<\/strong>: See what the ad looks like.<\/li>\n <li><strong>Copy<\/strong>: Copy HTML to paste into emails or web pages.<\/li>\n <li><strong>Use<\/strong>: Load an old ad back into the editor and tweak it.<\/li>\n <li><strong>Delete<\/strong>: Remove items you no longer want.<\/li>\n <\/ul>\n\n <div class=\"callout blue\">\n <strong>Important:<\/strong> If you clear your browser cache \/ storage, you may lose saved ads on that device.\n For critical ads, export copies (PNG\/SVG) and store them in a project folder.\n <\/div>\n <\/section>\n\n <section class=\"card\">\n <h2>7) Downloading ad assets<\/h2>\n <p>Depending on what is enabled in your build, you can download:<\/p>\n <ul>\n <li><strong>PNG:<\/strong> Creates a shareable image version of your ad preview.<\/li>\n <li><strong>SVG:<\/strong> Clean vector output for web\/print.<\/li>\n <li><strong>GIF\/Animated:<\/strong> May export a simple animated HTML fallback in this version.<\/li>\n <\/ul>\n <div class=\"callout\">\n <strong>If PNG download fails:<\/strong> some browsers block downloads until you interact with the page. Try again after clicking once on the page, or use another browser.\n <\/div>\n <\/section>\n\n <section class=\"card\">\n <h2>8) Social sharing<\/h2>\n <p>Sharing buttons are included as a workflow placeholder. Depending on your build, they may:<\/p>\n <ul>\n <li>Open share dialogs<\/li>\n <li>Copy formatted text to clipboard<\/li>\n <li>Serve as UI hooks for future API integrations<\/li>\n <\/ul>\n <div class=\"callout blue\">\n <strong>Best practice:<\/strong> Standardize one \u201cshare message\u201d per service and reuse it.\n <\/div>\n <\/section>\n\n <section class=\"card\">\n <h2>Suggested daily workflow (10\u201320 minutes)<\/h2>\n <ol>\n <li>Pick one service (example: gutters).<\/li>\n <li>Collect 5\u201310 local prospects (URLs).<\/li>\n <li>Generate one ad + one short proposal template.<\/li>\n <li>Send proposals (manual, human-driven outreach).<\/li>\n <li>Save your best-performing ad text for next time.<\/li>\n <\/ol>\n <div class=\"callout\">\n <strong>Consistency beats complexity:<\/strong> JD Sales GEN is designed to keep you moving fast.\n <\/div>\n <\/section>\n\n <footer>\n <p><strong>{product_name}<\/strong> \u2022 Usage Guide \u2022 Studio1Live \u2022 Generated {today}<\/p>\n <p>For install help, open <span class=\"k\">install.html<\/span>. For licensing\/resale terms, see <span class=\"k\">LICENSE-RESALE.html<\/span> (or README).<\/p>\n <\/footer>\n <\/div>\n\n\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/studio1live.com\/jd-sales-gen\/\">Try Demo<\/a><\/div>\n<\/div>\n\n\n<div class=\"wp-block-jetpack-contact-form is-layout-flex wp-container-jetpack-contact-form-is-layout-faa3ad1c wp-block-jetpack-contact-form-is-layout-flex\"><a href=\"https:\/\/fixyourowncredit.studio1live.com\/downloads\/super-charge-your-business-digital-sales-ads-and-lead-generation-tool\/\" target=\"_blank\" rel=\"noopener noreferrer\">Submit a form.<\/a><\/div>\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/fixyourowncredit.studio1live.com\/downloads\/product\/jd-sales-gen-digital-sales-tool-web-pwa-lead-gen-system\/\">BUY NOW<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Where\u2019s the Demo? That\u2019s on Me.<\/h2>\n\n\n\n<p>185 views and climbing\u2026 and not a single download.<\/p>\n\n\n\n<p>That\u2019s on me.<\/p>\n\n\n\n<p>I built JD Sales Gen, launched it, and never gave you a proper demo link. What did I expect?<\/p>\n\n\n\n<p>All jokes aside \u2014 my customer Joe Delima (the original inspiration behind this tool) has approved showcasing the system publicly so you can see exactly how it works in the real world.<\/p>\n\n\n\n<p>JD Sales Gen wasn\u2019t built in theory.<br>It was built for a working contractor.<\/p>\n\n\n\n<p>Joe runs:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A gutter service business<\/li>\n\n\n\n<li>A cabinet installation business<\/li>\n<\/ul>\n\n\n\n<p>With the right systems in place, I helped streamline his operations using automation, clean landing pages, and structured lead intake.<\/p>\n\n\n\n<p>Below are three live examples showing the tools in action:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd39 Live Sales Tool<\/h3>\n\n\n\n<p><a href=\"https:\/\/goodgutterservice.com\/joetools\/sales\">https:\/\/goodgutterservice.com\/joetools\/sales<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd39 Cabinet Installation Page<\/h3>\n\n\n\n<p><a href=\"https:\/\/goodgutterservice.com\/weinstallcabinets\">https:\/\/goodgutterservice.com\/weinstallcabinets<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd39 JD Sales Gen Demo (Some Features Disabled)<\/h3>\n\n\n\n<p><a href=\"https:\/\/goodgutterservice.com\/demo\/jd-sales-gen\">https:\/\/goodgutterservice.com\/demo\/jd-sales-gen<\/a><\/p>\n\n\n\n<p>Some advanced features are disabled in the demo version, but you can clearly see the workflow and layout.<\/p>\n\n\n\n<p>If you\u2019re in North Florida, feel free to call Joe directly.<br>The number in the demo is real. The business is real. The results are real.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\">\n\n\n\n<h2 class=\"wp-block-heading\">Want This Custom-Fit for Your Business?<\/h2>\n\n\n\n<p>If you want JD Sales Gen tailored specifically to your company, I\u2019ve added a quick custom install request page.<\/p>\n\n\n\n<p>Fill out the form and we\u2019ll review your setup:<\/p>\n\n\n\n<p>\ud83d\udc49 <strong>Request Custom Install<\/strong><br><a href=\"https:\/\/studio1live.com\/custominstall\">https:\/\/studio1live.com\/custominstall<\/a><\/p>\n\n\n\n<p>The form captures:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Business Name<\/li>\n\n\n\n<li>Services Offered<\/li>\n\n\n\n<li>Pricing (optional)<\/li>\n\n\n\n<li>Business Email (for confirmation)<\/li>\n\n\n\n<li>General Contact Information<\/li>\n\n\n\n<li>Optional Image Upload Links (we\u2019ll send secure upload instructions after purchase)<\/li>\n<\/ul>\n\n\n\n<p>After purchase, we\u2019ll move into a full onboarding form that includes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Social media accounts to preload<\/li>\n\n\n\n<li>Review links<\/li>\n\n\n\n<li>Branding assets<\/li>\n\n\n\n<li>Automation preferences<\/li>\n\n\n\n<li>CRM integrations<\/li>\n<\/ul>\n\n\n\n<p>This is not a template drop.<br>It\u2019s a business system installation.<\/p>\n<\/body>","protected":false},"excerpt":{"rendered":"<p>Why JD Sales GEN Exists (The Real Story) JD Sales GEN was not created as a \u201cstartup idea\u201d or a quick SaaS experiment.It was built out of necessity \u2014 for a real client, solving real business problems, over years of hands-on work. For more than five years, Joe Delima has been my client. Many people … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/fixyourowncredit.studio1live.com\/downloads\/super-charge-your-business-digital-sales-ads-and-lead-generation-tool\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Super Charge Your Business Digital Sales Ads and Lead Generation Tool,”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1147","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/posts\/1147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/comments?post=1147"}],"version-history":[{"count":4,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/posts\/1147\/revisions"}],"predecessor-version":[{"id":1285,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/posts\/1147\/revisions\/1285"}],"wp:attachment":[{"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/media?parent=1147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/categories?post=1147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/tags?post=1147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n Studio1Live Product Philosophy:<\/strong>\n This tool is self-hosted, ownership-first software. No subscriptions. No lock-in. You control the files, the data, and the future.\n<\/div>\n\n\n\n\n\n\n \n \n JD Sales GEN Tool {version1.0} \u2013 Install Guide<\/title>\n <style>\n :root{{\n --bg:#0b1220;--card:#101b33;--text:#e8eefc;--muted:#a9b7d6;\n --accent:#ff6b35;--accent2:#2dd4bf;--line:rgba(255,255,255,.08);\n --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n --sans: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n }}\n body{{margin:0;background:radial-gradient(1000px 600px at 20% 0%, rgba(255,107,53,.25), transparent 50%),\n radial-gradient(900px 600px at 90% 20%, rgba(45,212,191,.18), transparent 45%),\n var(--bg);\n color:var(--text);font-family:var(--sans);line-height:1.55;}}\n .wrap{{max-width:980px;margin:0 auto;padding:28px 18px 64px;}}\n header{{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px;}}\n .brand h1{{margin:0;font-size:28px;letter-spacing:.2px}}\n .brand p{{margin:6px 0 0;color:var(--muted);}}\n .badge{{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid var(--line);\n border-radius:999px;padding:8px 12px;color:var(--muted);font-size:13px}}\n .grid{{display:grid;grid-template-columns:1fr;gap:14px}}\n @media (min-width: 980px){{ .grid{{grid-template-columns: 1fr 1fr;}} }}\n .card{{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));\n border:1px solid var(--line);border-radius:16px;padding:16px 16px 14px;box-shadow:0 12px 40px rgba(0,0,0,.35);}}\n h2{{margin:0 0 10px;font-size:18px}}\n h3{{margin:14px 0 8px;font-size:15px;color:#dbe7ff}}\n p{{margin:0 0 10px}}\n ul,ol{{margin:8px 0 10px 20px;color:var(--text);}}\n li{{margin:6px 0}}\n .k{{font-family:var(--mono);font-size:13px;background:rgba(0,0,0,.35);border:1px solid var(--line);padding:1px 6px;border-radius:8px}}\n pre{{margin:10px 0;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:14px;padding:12px;overflow:auto;}}\n code{{font-family:var(--mono);font-size:13px;color:#e8eefc;}}\n .callout{{border-left:4px solid var(--accent);padding:10px 12px;margin:10px 0;background:rgba(255,107,53,.08);border-radius:12px;}}\n .ok{{border-left-color:var(--accent2);background:rgba(45,212,191,.08);}}\n .hr{{height:1px;background:var(--line);margin:14px 0;}}\n .toc a{{color:#dbe7ff;text-decoration:none}}\n .toc a:hover{{text-decoration:underline}}\n footer{{margin-top:22px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:14px;}}\n .btn{{display:inline-block;margin-top:6px;background:rgba(255,255,255,.08);border:1px solid var(--line);\n padding:8px 10px;border-radius:12px;color:var(--text);text-decoration:none}}\n <\/style>\n\n\n <div class=\"wrap\">\n <header>\n <div class=\"brand\">\n <h1>{product_name} {version} \u2013 Install Guide<\/h1>\n <p>Self-hosted ZIP web app \u2022 Install anywhere (root or subfolder) \u2022 Works on cPanel, shared hosting, VPS, or local servers.<\/p>\n <\/div>\n <div class=\"badge\">\n <span>Docs build:<\/span> <span class=\"k\">{today}<\/span>\n <\/div>\n <\/header>\n\n <div class=\"card toc\">\n <h2>Table of Contents<\/h2>\n <ul>\n <li><a href=\"#quick\">Quick Start<\/a><\/li>\n <li><a href=\"#requirements\">Requirements<\/a><\/li>\n <li><a href=\"#install-cpanel\">Install on cPanel<\/a><\/li>\n <li><a href=\"#install-other\">Install on Any Server<\/a><\/li>\n <li><a href=\"#subfolder\">Root vs Subfolder Installs<\/a><\/li>\n <li><a href=\"#pwa\">PWA \/ Manifest \/ Service Worker Notes<\/a><\/li>\n <li><a href=\"#troubleshoot\">Troubleshooting<\/a><\/li>\n <li><a href=\"#security\">Security & Best Practices<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"grid\">\n <section class=\"card\" id=\"quick\">\n <h2>Quick Start (5 minutes)<\/h2>\n <ol>\n <li>Unzip the product package on your computer.<\/li>\n <li>Upload the <span class=\"k\">jd-sales-gen<\/span> folder contents to your server.<\/li>\n <li>Visit the URL in your browser (example: <span class=\"k\">https:\/\/yourdomain.com\/jd-sales-gen\/<\/span>).<\/li>\n <li>If uploads or buttons act \u201cstale,\u201d clear the site cache \/ unregister service worker (see Troubleshooting).<\/li>\n <\/ol>\n <div class=\"callout ok\">\n <strong>Tip:<\/strong> For demos, use a subfolder install. For production internal use, you can also install under <span class=\"k\">\/tools\/<\/span> or <span class=\"k\">\/apps\/<\/span>.\n <\/div>\n <\/section>\n\n <section class=\"card\" id=\"requirements\">\n <h2>Requirements<\/h2>\n <ul>\n <li><strong>Hosting:<\/strong> Any static-friendly hosting works (Apache, Nginx, cPanel, etc.).<\/li>\n <li><strong>Browser:<\/strong> Chrome\/Edge\/Firefox\/Safari (latest). Mobile supported.<\/li>\n <li><strong>HTTPS:<\/strong> Recommended. Required for PWA install prompts + service workers.<\/li>\n <li><strong>Server-side:<\/strong> Not required for core features (this version is front-end\/self-contained).<\/li>\n <\/ul>\n <div class=\"callout\">\n <strong>Important:<\/strong> Some features store data locally (your browser) using <span class=\"k\">localStorage<\/span>. Clearing browser data clears saved ads on that device.\n <\/div>\n <\/section>\n <\/div>\n\n <section class=\"card\" id=\"install-cpanel\">\n <h2>Install on cPanel (File Manager)<\/h2>\n <ol>\n <li>Login to cPanel \u2192 <strong>File Manager<\/strong>.<\/li>\n <li>Open <span class=\"k\">public_html<\/span>.<\/li>\n <li>Create a folder (example): <span class=\"k\">jd-sales-gen<\/span><\/li>\n <li>Upload the product files into that folder:\n <ul>\n <li><span class=\"k\">index.html<\/span><\/li>\n <li><span class=\"k\">upload.js<\/span> (if included)<\/li>\n <li><span class=\"k\">sw.js<\/span> (optional)<\/li>\n <li><span class=\"k\">manifest.webmanifest<\/span> (or your manifest filename)<\/li>\n <li><span class=\"k\">icons\/<\/span> and <span class=\"k\">assets\/<\/span> folders (if included)<\/li>\n <\/ul>\n <\/li>\n <li>Visit: <span class=\"k\">https:\/\/yourdomain.com\/jd-sales-gen\/<\/span><\/li>\n <\/ol>\n\n <h3>Install by ZIP Upload (faster)<\/h3>\n <ol>\n <li>Upload the ZIP into <span class=\"k\">public_html<\/span>.<\/li>\n <li>Right-click ZIP \u2192 <strong>Extract<\/strong>.<\/li>\n <li>Rename extracted folder to <span class=\"k\">jd-sales-gen<\/span> (optional).<\/li>\n <\/ol>\n <\/section>\n\n <section class=\"card\" id=\"install-other\">\n <h2>Install on Any Server (Apache\/Nginx\/Local)<\/h2>\n <p>Because JD Sales GEN is a front-end app, you can host it like a normal website:<\/p>\n <ul>\n <li>Copy files into your web root folder, or a subfolder.<\/li>\n <li>Make sure the server serves <span class=\"k\">.html<\/span>, <span class=\"k\">.js<\/span>, <span class=\"k\">.css<\/span>, <span class=\"k\">.png<\/span>, <span class=\"k\">.json<\/span>\/<span class=\"k\">.webmanifest<\/span> with correct MIME types.<\/li>\n <\/ul>\n <div class=\"callout ok\">\n <strong>Best practice:<\/strong> Put this app behind HTTPS (free Let\u2019s Encrypt is fine). It improves reliability, especially with PWA caching.\n <\/div>\n <\/section>\n\n <div class=\"grid\">\n <section class=\"card\" id=\"subfolder\">\n <h2>Root vs Subfolder Installs<\/h2>\n <h3>Recommended: subfolder install<\/h3>\n <p>Example:<\/p>\n <pre><code>https:\/\/yourdomain.com\/jd-sales-gen\/<\/code><\/pre>\n\n <h3>Root install<\/h3>\n <p>If you want the app at your site homepage:<\/p>\n <pre><code>https:\/\/yourdomain.com\/<\/code><\/pre>\n <p>Place the files directly in <span class=\"k\">public_html<\/span> (or server root).<\/p>\n\n <div class=\"callout\">\n <strong>Note:<\/strong> If you move folders after first visit, your browser may keep cached paths (service worker). Use Troubleshooting steps to clear.\n <\/div>\n <\/section>\n\n <section class=\"card\" id=\"pwa\">\n <h2>PWA \/ Manifest \/ Service Worker Notes<\/h2>\n <p>This app may include PWA support. The main parts are:<\/p>\n <ul>\n <li><span class=\"k\">manifest.webmanifest<\/span> (or similar)<\/li>\n <li><span class=\"k\">sw.js<\/span> service worker<\/li>\n <\/ul>\n\n <h3>Make it install-anywhere<\/h3>\n <p>Use relative paths in your HTML so buyers can install in any folder:<\/p>\n <pre><code><link rel=\"manifest\" href=\"manifest.webmanifest\"><\/code><\/pre>\n\n <p>And register the service worker relative to the install folder:<\/p>\n <pre><code>navigator.serviceWorker.register('.\/sw.js');<\/code><\/pre>\n\n <div class=\"callout ok\">\n <strong>If you don\u2019t need offline mode:<\/strong> you can remove\/disable the service worker to avoid cache issues during development.\n <\/div>\n <\/section>\n <\/div>\n\n <section class=\"card\" id=\"troubleshoot\">\n <h2>Troubleshooting<\/h2>\n\n <h3>\u201cI uploaded new files but the site still shows old behavior\u201d<\/h3>\n <p>This is almost always a cache \/ service worker issue.<\/p>\n <ol>\n <li>Open DevTools \u2192 Application \u2192 Service Workers \u2192 <strong>Unregister<\/strong>.<\/li>\n <li>Application \u2192 Storage \u2192 <strong>Clear site data<\/strong>.<\/li>\n <li>Hard refresh: <span class=\"k\">Ctrl<\/span> + <span class=\"k\">Shift<\/span> + <span class=\"k\">R<\/span><\/li>\n <\/ol>\n\n <h3>Upload dialog opens but nothing previews<\/h3>\n <ul>\n <li>Make sure the upload JS file is loading (Network tab \u2192 check for <span class=\"k\">upload.js<\/span> 200 OK).<\/li>\n <li>Disable extensions (ad blockers \/ privacy tools) and retest in Incognito.<\/li>\n <li>If using SW, clear as above.<\/li>\n <\/ul>\n\n <h3>Manifest or icon errors<\/h3>\n <p>If console shows icon errors, verify your manifest points to icons that actually exist. For subfolder installs, prefer relative icon paths like <span class=\"k\">icons\/icon-192\u00d7192.png<\/span>.<\/p>\n\n <div class=\"hr\"><\/div>\n <div class=\"callout\">\n <strong>Support tip:<\/strong> If you sell this as a ZIP, include the exact folder tree in your README and tell buyers \u201csubfolder installs are recommended.\u201d\n <\/div>\n <\/section>\n\n <section class=\"card\" id=\"security\">\n <h2>Security & Best Practices<\/h2>\n <ul>\n <li><strong>Do not<\/strong> place sensitive personal data into the app unless you also add server-side storage + authentication.<\/li>\n <li>Keep the demo public, but use a private install for real client lead lists if needed.<\/li>\n <li>Use HTTPS and modern browsers.<\/li>\n <li>If you add server-side uploads later, validate file types and store uploads outside executable paths.<\/li>\n <\/ul>\n <div class=\"callout ok\">\n <strong>Recommended structure:<\/strong> <span class=\"k\">\/apps\/jd-sales-gen\/<\/span> or <span class=\"k\">\/tools\/jd-sales-gen\/<\/span> to keep your site organized.\n <\/div>\n <\/section>\n\n <footer>\n <p><strong>{product_name}<\/strong> \u2022 Install Guide \u2022 Studio1Live \u2022 Generated {today}<\/p>\n <p>Next: open <span class=\"k\">usage.html<\/span> for the user walkthrough and best practices.<\/p>\n <\/footer>\n <\/div>\n\n\n\n\n\n\n\n\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n <title>JD Sales Gen Tool version1.0 \u2013 Usage Guide<\/title>\n <style>\n :root{{\n --bg:#070b16;--card:#0e1630;--text:#eef3ff;--muted:#aab8da;\n --accent:#ff6b35;--accent2:#60a5fa;--line:rgba(255,255,255,.08);\n --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n --sans: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n }}\n body{{margin:0;background:radial-gradient(900px 520px at 10% 0%, rgba(96,165,250,.18), transparent 55%),\n radial-gradient(900px 600px at 90% 10%, rgba(255,107,53,.20), transparent 55%),\n var(--bg);\n color:var(--text);font-family:var(--sans);line-height:1.6;}}\n .wrap{{max-width:980px;margin:0 auto;padding:28px 18px 64px;}}\n header{{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px;}}\n h1{{margin:0;font-size:28px}}\n header p{{margin:6px 0 0;color:var(--muted);}}\n .badge{{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid var(--line);\n border-radius:999px;padding:8px 12px;color:var(--muted);font-size:13px}}\n .card{{background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));\n border:1px solid var(--line);border-radius:16px;padding:16px 16px 14px;box-shadow:0 12px 40px rgba(0,0,0,.35);margin:12px 0;}}\n h2{{margin:0 0 10px;font-size:18px}}\n h3{{margin:14px 0 8px;font-size:15px;color:#dbe7ff}}\n p{{margin:0 0 10px}}\n ul,ol{{margin:8px 0 10px 20px}}\n li{{margin:6px 0}}\n .k{{font-family:var(--mono);font-size:13px;background:rgba(0,0,0,.35);border:1px solid var(--line);padding:1px 6px;border-radius:8px}}\n pre{{margin:10px 0;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:14px;padding:12px;overflow:auto;}}\n code{{font-family:var(--mono);font-size:13px;color:#eef3ff;}}\n .callout{{border-left:4px solid var(--accent);padding:10px 12px;margin:10px 0;background:rgba(255,107,53,.08);border-radius:12px;}}\n .callout.blue{{border-left-color:var(--accent2);background:rgba(96,165,250,.10);}}\n .grid{{display:grid;grid-template-columns:1fr;gap:14px}}\n @media (min-width: 980px){{ .grid{{grid-template-columns: 1fr 1fr;}} }}\n footer{{margin-top:22px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:14px;}}\n a{{color:#dbe7ff}}\n <\/style>\n\n\n <div class=\"wrap\">\n <header>\n <div>\n <h1>{product_name} {version} \u2013 Usage Guide<\/h1>\n <p>How to use the dashboard, capture leads, generate ads, and reuse assets efficiently.<\/p>\n <\/div>\n <div class=\"badge\">\n <span>Docs build:<\/span> <span class=\"k\">{today}<\/span>\n <\/div>\n <\/header>\n\n <section class=\"card\">\n <h2>What this tool is for<\/h2>\n <p>{product_name} is designed as a practical \u201csales + marketing command center\u201d for service businesses. It helps you:<\/p>\n <ul>\n <li>Create service-specific campaigns faster (cleaning, pressure washing, gutters, tile, cabinets, etc.)<\/li>\n <li>Capture leads from URLs and quickly generate outreach messages<\/li>\n <li>Generate ad assets (banner, SVG, HTML) and save them for reuse<\/li>\n <li>Keep your workflow consistent so you don\u2019t start from scratch every time<\/li>\n <\/ul>\n <div class=\"callout blue\">\n <strong>Tip:<\/strong> Treat this like a \u201ctemplate engine.\u201d The first set of ads you build becomes your reusable library.\n <\/div>\n <\/section>\n\n <div class=\"grid\">\n <section class=\"card\">\n <h2>1) Entering the app<\/h2>\n <ol>\n <li>Open the URL where you installed the app.<\/li>\n <li>On the splash screen, click <span class=\"k\">Enter Application<\/span>.<\/li>\n <li>You\u2019ll land on the main dashboard with service cards.<\/li>\n <\/ol>\n <p>If you ever update files and the splash acts odd, see <a href=\"install.html#troubleshoot\">Troubleshooting<\/a>.<\/p>\n <\/section>\n\n <section class=\"card\">\n <h2>2) Choosing a service<\/h2>\n <p>Each service card represents a \u201cmarketing context\u201d (targeted messaging and assets).<\/p>\n <ol>\n <li>Click a service card (example: <span class=\"k\">House Cleaning<\/span>).<\/li>\n <li>The service page opens with tools like Lead Capture, Ad Generator, and Sharing.<\/li>\n <\/ol>\n <div class=\"callout\">\n <strong>Best practice:<\/strong> Keep separate ad titles\/descriptions for each service so your messaging stays tight.\n <\/div>\n <\/section>\n <\/div>\n\n <section class=\"card\">\n <h2>3) Lead Capture workflow (URL \u2192 email \u2192 proposal)<\/h2>\n <ol>\n <li>Paste a prospect URL into <span class=\"k\">Website URL<\/span>.<\/li>\n <li>Click <span class=\"k\">Auto-Detect Email<\/span> (this suggests an email format based on the domain).<\/li>\n <li>Fill out Contact Name + Phone if you have it.<\/li>\n <li>Customize the proposal template (keep a consistent structure).<\/li>\n <li>Click <span class=\"k\">Send Proposal<\/span> to open the email modal.<\/li>\n <\/ol>\n\n <div class=\"callout blue\">\n <strong>Pro tip:<\/strong> Save multiple proposal templates (one per service). Fast outreach wins.\n <\/div>\n <\/section>\n\n <div class=\"grid\">\n <section class=\"card\">\n <h2>4) Ad Generator workflow<\/h2>\n <ol>\n <li>Scroll to <span class=\"k\">Ad Generator<\/span>.<\/li>\n <li>Upload images\/logos (optional).<\/li>\n <li>Select an ad format (Banner \/ SVG \/ GIF \/ Flash-style HTML).<\/li>\n <li>Edit <span class=\"k\">Ad Title<\/span>, <span class=\"k\">Description<\/span>, and <span class=\"k\">CTA<\/span>.<\/li>\n <li>Click <span class=\"k\">Generate Ad<\/span> to save it to your gallery.<\/li>\n <\/ol>\n <div class=\"callout\">\n <strong>Keep it simple:<\/strong> Short title + one benefit + one CTA usually converts best.\n <\/div>\n <\/section>\n\n <section class=\"card\">\n <h2>5) Uploading assets<\/h2>\n <p>The uploader supports common files used in marketing workflows:<\/p>\n <ul>\n <li>Images: <span class=\"k\">.jpg .jpeg .png .gif .svg<\/span><\/li>\n <li>Optional: <span class=\"k\">.zip<\/span> bundles<\/li>\n <li>Optional: <span class=\"k\">.glb .gltf<\/span> (3D assets, if you use them in other projects)<\/li>\n <\/ul>\n <p>Uploads are used for previewing and building ads. This version does not require server-side upload endpoints.<\/p>\n <\/section>\n <\/div>\n\n <section class=\"card\">\n <h2>6) Saved Ads Gallery<\/h2>\n <p>Every ad you save is stored locally in your browser.<\/p>\n <ul>\n <li><strong>Preview<\/strong>: See what the ad looks like.<\/li>\n <li><strong>Copy<\/strong>: Copy HTML to paste into emails or web pages.<\/li>\n <li><strong>Use<\/strong>: Load an old ad back into the editor and tweak it.<\/li>\n <li><strong>Delete<\/strong>: Remove items you no longer want.<\/li>\n <\/ul>\n\n <div class=\"callout blue\">\n <strong>Important:<\/strong> If you clear your browser cache \/ storage, you may lose saved ads on that device.\n For critical ads, export copies (PNG\/SVG) and store them in a project folder.\n <\/div>\n <\/section>\n\n <section class=\"card\">\n <h2>7) Downloading ad assets<\/h2>\n <p>Depending on what is enabled in your build, you can download:<\/p>\n <ul>\n <li><strong>PNG:<\/strong> Creates a shareable image version of your ad preview.<\/li>\n <li><strong>SVG:<\/strong> Clean vector output for web\/print.<\/li>\n <li><strong>GIF\/Animated:<\/strong> May export a simple animated HTML fallback in this version.<\/li>\n <\/ul>\n <div class=\"callout\">\n <strong>If PNG download fails:<\/strong> some browsers block downloads until you interact with the page. Try again after clicking once on the page, or use another browser.\n <\/div>\n <\/section>\n\n <section class=\"card\">\n <h2>8) Social sharing<\/h2>\n <p>Sharing buttons are included as a workflow placeholder. Depending on your build, they may:<\/p>\n <ul>\n <li>Open share dialogs<\/li>\n <li>Copy formatted text to clipboard<\/li>\n <li>Serve as UI hooks for future API integrations<\/li>\n <\/ul>\n <div class=\"callout blue\">\n <strong>Best practice:<\/strong> Standardize one \u201cshare message\u201d per service and reuse it.\n <\/div>\n <\/section>\n\n <section class=\"card\">\n <h2>Suggested daily workflow (10\u201320 minutes)<\/h2>\n <ol>\n <li>Pick one service (example: gutters).<\/li>\n <li>Collect 5\u201310 local prospects (URLs).<\/li>\n <li>Generate one ad + one short proposal template.<\/li>\n <li>Send proposals (manual, human-driven outreach).<\/li>\n <li>Save your best-performing ad text for next time.<\/li>\n <\/ol>\n <div class=\"callout\">\n <strong>Consistency beats complexity:<\/strong> JD Sales GEN is designed to keep you moving fast.\n <\/div>\n <\/section>\n\n <footer>\n <p><strong>{product_name}<\/strong> \u2022 Usage Guide \u2022 Studio1Live \u2022 Generated {today}<\/p>\n <p>For install help, open <span class=\"k\">install.html<\/span>. For licensing\/resale terms, see <span class=\"k\">LICENSE-RESALE.html<\/span> (or README).<\/p>\n <\/footer>\n <\/div>\n\n\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/studio1live.com\/jd-sales-gen\/\">Try Demo<\/a><\/div>\n<\/div>\n\n\n<div class=\"wp-block-jetpack-contact-form is-layout-flex wp-container-jetpack-contact-form-is-layout-faa3ad1c wp-block-jetpack-contact-form-is-layout-flex\"><a href=\"https:\/\/fixyourowncredit.studio1live.com\/downloads\/super-charge-your-business-digital-sales-ads-and-lead-generation-tool\/\" target=\"_blank\" rel=\"noopener noreferrer\">Submit a form.<\/a><\/div>\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/fixyourowncredit.studio1live.com\/downloads\/product\/jd-sales-gen-digital-sales-tool-web-pwa-lead-gen-system\/\">BUY NOW<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Where\u2019s the Demo? That\u2019s on Me.<\/h2>\n\n\n\n<p>185 views and climbing\u2026 and not a single download.<\/p>\n\n\n\n<p>That\u2019s on me.<\/p>\n\n\n\n<p>I built JD Sales Gen, launched it, and never gave you a proper demo link. What did I expect?<\/p>\n\n\n\n<p>All jokes aside \u2014 my customer Joe Delima (the original inspiration behind this tool) has approved showcasing the system publicly so you can see exactly how it works in the real world.<\/p>\n\n\n\n<p>JD Sales Gen wasn\u2019t built in theory.<br>It was built for a working contractor.<\/p>\n\n\n\n<p>Joe runs:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A gutter service business<\/li>\n\n\n\n<li>A cabinet installation business<\/li>\n<\/ul>\n\n\n\n<p>With the right systems in place, I helped streamline his operations using automation, clean landing pages, and structured lead intake.<\/p>\n\n\n\n<p>Below are three live examples showing the tools in action:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd39 Live Sales Tool<\/h3>\n\n\n\n<p><a href=\"https:\/\/goodgutterservice.com\/joetools\/sales\">https:\/\/goodgutterservice.com\/joetools\/sales<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd39 Cabinet Installation Page<\/h3>\n\n\n\n<p><a href=\"https:\/\/goodgutterservice.com\/weinstallcabinets\">https:\/\/goodgutterservice.com\/weinstallcabinets<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd39 JD Sales Gen Demo (Some Features Disabled)<\/h3>\n\n\n\n<p><a href=\"https:\/\/goodgutterservice.com\/demo\/jd-sales-gen\">https:\/\/goodgutterservice.com\/demo\/jd-sales-gen<\/a><\/p>\n\n\n\n<p>Some advanced features are disabled in the demo version, but you can clearly see the workflow and layout.<\/p>\n\n\n\n<p>If you\u2019re in North Florida, feel free to call Joe directly.<br>The number in the demo is real. The business is real. The results are real.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\">\n\n\n\n<h2 class=\"wp-block-heading\">Want This Custom-Fit for Your Business?<\/h2>\n\n\n\n<p>If you want JD Sales Gen tailored specifically to your company, I\u2019ve added a quick custom install request page.<\/p>\n\n\n\n<p>Fill out the form and we\u2019ll review your setup:<\/p>\n\n\n\n<p>\ud83d\udc49 <strong>Request Custom Install<\/strong><br><a href=\"https:\/\/studio1live.com\/custominstall\">https:\/\/studio1live.com\/custominstall<\/a><\/p>\n\n\n\n<p>The form captures:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Business Name<\/li>\n\n\n\n<li>Services Offered<\/li>\n\n\n\n<li>Pricing (optional)<\/li>\n\n\n\n<li>Business Email (for confirmation)<\/li>\n\n\n\n<li>General Contact Information<\/li>\n\n\n\n<li>Optional Image Upload Links (we\u2019ll send secure upload instructions after purchase)<\/li>\n<\/ul>\n\n\n\n<p>After purchase, we\u2019ll move into a full onboarding form that includes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Social media accounts to preload<\/li>\n\n\n\n<li>Review links<\/li>\n\n\n\n<li>Branding assets<\/li>\n\n\n\n<li>Automation preferences<\/li>\n\n\n\n<li>CRM integrations<\/li>\n<\/ul>\n\n\n\n<p>This is not a template drop.<br>It\u2019s a business system installation.<\/p>\n<\/body>","protected":false},"excerpt":{"rendered":"<p>Why JD Sales GEN Exists (The Real Story) JD Sales GEN was not created as a \u201cstartup idea\u201d or a quick SaaS experiment.It was built out of necessity \u2014 for a real client, solving real business problems, over years of hands-on work. For more than five years, Joe Delima has been my client. Many people … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/fixyourowncredit.studio1live.com\/downloads\/super-charge-your-business-digital-sales-ads-and-lead-generation-tool\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Super Charge Your Business Digital Sales Ads and Lead Generation Tool,”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1147","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/posts\/1147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/comments?post=1147"}],"version-history":[{"count":4,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/posts\/1147\/revisions"}],"predecessor-version":[{"id":1285,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/posts\/1147\/revisions\/1285"}],"wp:attachment":[{"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/media?parent=1147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/categories?post=1147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/tags?post=1147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Core Functions at a Glance<\/h2>\n\n\n\n
JD Sales GEN is designed for service professionals, web builders, freelancers, and agencies<\/strong> who want speed, control, and reuse.<\/p>\n\n\n\n

Installation & Usage Documentation (Included)<\/h2>\n\n\n\n
Every purchase includes separate HTML documentation files<\/strong>, designed to work offline or online:<\/p>\n\n\n\n

Core Functions at a Glance<\/h2>\n\n\n\nJD Sales GEN is designed for service professionals, web builders, freelancers, and agencies<\/strong> who want speed, control, and reuse.<\/p>\n\n\n\n

Installation & Usage Documentation (Included)<\/h2>\n\n\n\nEvery purchase includes separate HTML documentation files<\/strong>, designed to work offline or online:<\/p>\n\n\n\n

Core Functions at a Glance<\/h2>\n\n\n\n
JD Sales GEN is designed for service professionals, web builders, freelancers, and agencies<\/strong> who want speed, control, and reuse.<\/p>\n\n\n\n

Installation & Usage Documentation (Included)<\/h2>\n\n\n\n
Every purchase includes separate HTML documentation files<\/strong>, designed to work offline or online:<\/p>\n\n\n\n