Embed

<div class="jnc-quote jnc-appear" role="region" aria-label="Request a CRM Migration Quote">
  <style>
    .jnc-quote{
      --brand:#E58B63;
      --brand-hover:#D97750;
      --ink:#101418;
      --ink-sub:#4A5560;
      --border:#E2E6EB;
      --shadow:0 18px 48px rgba(16,20,24,.10), 0 4px 12px rgba(16,20,24,.06);

      font-family: Inter, system-ui, sans-serif;
      max-width:780px;
      margin:0 auto;
      background:#fff;
      border-radius:26px;
      padding:44px 48px 36px;
      box-shadow:var(--shadow);
    }

    h2{
      font-size:40px;
      line-height:1.05;
      margin:0 0 10px;
      letter-spacing:-.02em;
    }

    .jnc-sub{
      font-size:18px;
      line-height:1.45;
      color:var(--ink-sub);
      margin:0 0 26px;
    }

    .jnc-label{
      font-size:24px;
      line-height:1.25;
      font-weight:750;
      margin:0 0 12px;
      letter-spacing:-.01em;
    }

    .jnc-input{
      width:100%;
      padding:20px 22px;
      font-size:20px;
      line-height:1.35;
      border-radius:18px;
      border:2px solid var(--border);
      color:var(--ink);
    }

    .jnc-input::placeholder{ color:#6B7280; }

    .jnc-input:focus{
      outline:none;
      border-color:var(--brand);
      box-shadow:0 0 0 6px rgba(229,139,99,.22);
    }

    .jnc-help{
      margin-top:10px;
      font-size:15px;
      line-height:1.45;
      color:var(--ink-sub);
    }

    .jnc-actions{
      display:flex;
      gap:16px;
      margin-top:22px;
    }

    .jnc-btn{
      flex:1;
      padding:18px 20px;
      font-size:20px;
      font-weight:800;
      border-radius:9999px;
      border:none;
      cursor:pointer;
    }

    .jnc-btn.primary{
      background:var(--brand);
      box-shadow:0 16px 34px rgba(229,139,99,.28);
      color:#111;
    }

    .jnc-btn.primary:hover{ background:var(--brand-hover); }

    .jnc-btn.secondary{
      background:#F2F4F6;
      color:#333;
    }

    .jnc-footer{
      display:flex;
      justify-content:space-between;
      margin-top:16px;
      font-size:14px;
      color:var(--ink-sub);
    }

    .jnc-msg{
      margin-top:16px;
      font-weight:650;
      display:none;
    }

    .jnc-msg.ok{ color:#0D8545; }
    .jnc-msg.err{ color:#d64545; }

    .jnc-error{ border-color:#d64545 !important; }

    @media (max-width:600px){
      .jnc-quote{ padding:32px 22px 26px; border-radius:22px; }
      h2{ font-size:32px; }
      .jnc-label{ font-size:22px; }
      .jnc-input{ font-size:18px; padding:18px 18px; }
      .jnc-btn{ font-size:18px; padding:16px 18px; }
    }
  </style>

  <h2>Request a CRM Migration Quote</h2>
  <p class="jnc-sub">
    Answer a few quick questions and we’ll follow up with a personalized quote.
  </p>

  <div class="jnc-label" id="q-label"></div>
  <input class="jnc-input" id="q-input" />
  <div class="jnc-help" id="q-help"></div>

  <div class="jnc-actions">
    <button class="jnc-btn secondary" id="backBtn" type="button">Back</button>
    <button class="jnc-btn primary" id="nextBtn" type="button">Next</button>
  </div>

  <div class="jnc-footer">
    <div id="stepText"></div>
    <div>Takes ~30 seconds</div>
  </div>

  <div class="jnc-msg ok" id="successMsg">✅ Request sent! We’ll be in touch shortly.</div>
  <div class="jnc-msg err" id="errorMsg">⚠️ Please complete this field.</div>
</div>

<script>
(() => {
  const WEBHOOK = "https://hooks.zapier.com/hooks/catch/11959511/uqj8t1h/";

  const label = document.getElementById("q-label");
  const input = document.getElementById("q-input");
  const help  = document.getElementById("q-help");
  const next  = document.getElementById("nextBtn");
  const back  = document.getElementById("backBtn");
  const step  = document.getElementById("stepText");
  const ok    = document.getElementById("successMsg");
  const err   = document.getElementById("errorMsg");

  const data = {};
  let idx = 0;

  const steps = [
    ["migrate_from", "What CRM are you migrating from?", "Enter the CRM you’re currently using", "This can be any CRM — not limited to the examples shown."],
    ["migrate_to", "What CRM are you migrating to?", "Enter the new CRM you’re moving into", ""],
    ["company", "What’s your company name?", "Enter your company name", ""],
    ["name", "What’s your name?", "Enter your full name", ""],
    ["email", "What’s your email?", "you@company.com", ""],
    ["phone", "What’s your phone number?", "+1 (555) 123-4567", ""]
  ];

  // 🔧 surgical: phone formatter
  function formatPhone(val){
    const digits = val.replace(/\D/g, "").slice(0, 10);
    let out = "";
    if (digits.length > 0) out = "(" + digits.slice(0, 3);
    if (digits.length >= 4) out += ") " + digits.slice(3, 6);
    if (digits.length >= 7) out += "-" + digits.slice(6, 10);
    return out;
  }

  function render(){
    const [key, q, ph, h] = steps[idx];
    label.textContent = q;
    input.placeholder = ph;
    input.value = data[key] || "";
    help.textContent = h;
    step.textContent = `Step ${idx + 1} of ${steps.length}`;
    back.style.display = idx === 0 ? "none" : "block";
    next.textContent = idx === steps.length - 1 ? "Request Quote" : "Next";
    err.style.display = ok.style.display = "none";
    input.classList.remove("jnc-error");
    input.focus();

    // 🔧 surgical: phone-only formatting
    input.oninput = null;
    if (key === "phone") {
      input.oninput = (e) => {
        e.target.value = formatPhone(e.target.value);
      };
    }
  }

  function valid(key, val){
    if(!val) return false;
    if(key === "email") return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(val);
    if(key === "phone") return val.replace(/\D/g,"").length >= 7;
    return true;
  }

  // 🔧 surgical: Enter key advances when valid
  input.addEventListener("keydown", (e) => {
    if (e.key === "Enter") {
      const key = steps[idx][0];
      const val = input.value.trim();
      if (valid(key, val)) {
        e.preventDefault();
        next.click();
      }
    }
  });

  next.onclick = async () => {
    const key = steps[idx][0];
    const val = input.value.trim();

    if(!valid(key, val)){
      input.classList.add("jnc-error");
      err.style.display = "block";
      return;
    }

    data[key] = val;

    if(idx < steps.length - 1){
      idx++;
      render();
    } else {
      next.textContent = "Sending…";
      next.disabled = true;

      await fetch(WEBHOOK, {
        method: "POST",
        body: new URLSearchParams(data)
      });

      ok.style.display = "block";
      next.textContent = "Sent!";
    }
  };

  back.onclick = () => {
    if(idx > 0){
      idx--;
      render();
    }
  };

  render();
})();
</script>

Google reviews

What Clients Say

Josh No Code

From start to finish, this team was truly professional. They made the migration from one CRM to another completely seamless. I really appreciated the time and effort they put in, especially how thoroughly they explained each step of the process and exactly what they were doing for my company. Outstanding experience overall. I would highly recommend them to anyone in need of these services.  Thank you.
United Veterans Roofing LLC

Richard Lazar

JoshNoCode delivered exceptional automation consulting for our DocuSign/Zapier project. Their work quality was outstanding, with thorough QA testing that caught every edge case before deployment.  Communication was superb throughout - clear updates, quick responses, and they explained technical details in business terms we could understand. Their account management made them feel like an extension of our team. The automation solution exceeded expectations and continues running flawlessly. Highly recommend JoshNoCode.

Robert Wallace

We have used Josh No Code for multiple, complex data migration projects. Josh's team showed amazing creativity and proficiency at their jobs, while also staying in communication with me, as needed.  Not only do they do their jobs well, they have also created a solid internal process to manage projects and expectations every step of the way.

Matthew Morrisson

Josh No Code has been a revelation for my business. Their expertise and dedication have propelled my company to new heights, making them an indispensable partner in my journey towards success.

Right from the outset, the team at Josh No Code demonstrated a deep understanding of my company's needs. Their personalized approach ensured that every aspect of the solution they provided was tailored to perfection, guaranteeing maximum effectiveness.

What truly sets Josh No Code apart is their commitment to excellence. Their meticulous attention to detail and unparalleled customer service left me impressed at every turn. They not only delivered on their promises but exceeded my expectations, proving themselves to be a reliable and trustworthy ally.

Thanks to Josh No Code, my business is thriving like never before. Their innovative solutions have optimized our processes, resulting in increased efficiency and productivity across the board. I couldn't be happier with the outcome, and I wholeheartedly recommend Josh No Code to anyone seeking a reliable partner for their projects.

Onthemove, Inc.

Can't say enough positive things about Josh and the team at Josh No Code. They are true problems solvers that think creatively to solve problems in an efficient manner and one that scales well with our business. We continue to find ways to user their team to help mange data between various tools and keep our team in sync.

Daniel Rafeedie

Josh is very professional and thorough for my needs with making apps work together. Thanks!

Matthew Yates

Josh No Code provides fast, automated CRM and CompanyCam data migrations for contractors. We move jobs, contacts, photos, documents, notes, activity history, and financials into CRMs like AccuLynx, JobNimbus, JobTread, Leap, BuilderPrime, and Proline, as well as into CompanyCam when needed. Our end-to-end process is accurate, secure, and built to help teams switch platforms without downtime.