{"id":176,"date":"2025-05-02T14:20:15","date_gmt":"2025-05-02T14:20:15","guid":{"rendered":"https:\/\/znicrm.com\/guide\/?p=176"},"modified":"2025-05-02T14:21:20","modified_gmt":"2025-05-02T14:21:20","slug":"integrate-wix-form-with-crm","status":"publish","type":"post","link":"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/","title":{"rendered":"Integrate WIX form with CRM"},"content":{"rendered":"\n

To integrate the ZNICRM WebLead API with WIX Forms, follow these steps:<\/p>\n\n\n\n

Step 1: Generate Your ZNICRM API Key<\/h4>\n\n\n\n
  1. Log in<\/strong>\u00a0to your ZNICRM dashboard.<\/li>
  2. Navigate to\u00a0Settings<\/strong>.<\/li>
  3. In the left menu, select\u00a0Developers \u2192 API Key<\/strong>.\u00a0How To Generate API Key For CRM<\/a><\/li>
  4. Click the\u00a0\u201cAdd Key\u201d<\/strong>\u00a0button to generate a new API key.<\/li>
  5. Copy and securely store the generated API key.<\/li><\/ol>\n\n\n\n

    Step 2: Enable Dev Mode in Wix<\/strong><\/h4>\n\n\n\n
    • Go to your Wix site editor.<\/li>
    • Click on Dev Mode<\/strong> in the top menu and turn on Velo<\/strong>.<\/li><\/ul>\n\n\n\n

      Step 3: Create a Custom Form<\/strong><\/h4>\n\n\n\n

      Use input elements (text fields, dropdowns, etc.) and a Submit button<\/strong>.<\/p>\n\n\n\n

      Give each input field an ID, like:<\/p>\n\n\n\n

      • #inputName<\/code><\/li>
      • #inputPhone<\/code><\/li>
      • #inputEmail<\/code><\/li>
      • #inputQuery<\/code><\/li><\/ul>\n\n\n\n

        Step 4: Add Backend Web Request<\/strong><\/h4>\n\n\n\n

        In the left panel:<\/p>\n\n\n\n

        • Go to Backend<\/code> \u279c Right-click \u279c Add a new file named: weblead.jsw<\/code><\/li><\/ul>\n\n\n\n

          Paste this code inside:<\/p>\n\n\n\n

          \/\/ backend\/weblead.jsw\nimport { fetch } from 'wix-fetch';\n\nexport function submitLeadToCRM(leadData) {\n    const apiKey = \"YOUR_SECRET_API_KEY\"; \/\/ Do NOT expose on frontend\n\n    const {\n        leadName,\n        leadPhone,\n        leadEmail,\n        department = \"\",\n        leadQuery,\n        leadConversionPage = \"\",\n        leadIP = \"\"\n    } = leadData;\n\n    if (!leadPhone && !leadEmail) {\n        return Promise.reject(\"Either Phone or Email is required\");\n    }\n\n    const params = new URLSearchParams({\n        apikey: apiKey,\n        leadName,\n        leadPhone,\n        leadEmail,\n        department,\n        leadQuery,\n        leadConversionPage,\n        leadIP\n    });\n\n    const url = `https:\/\/api.intueri.io\/weblead.php?${params.toString()}`;\n\n    return fetch(url, { method: \"get\" })\n        .then(res => res.text())\n        .catch(err => {\n            console.error(\"Error sending lead:\", err);\n            throw new Error(\"Failed to send lead to CRM\");\n        });\n}\n<\/code><\/pre>\n\n\n\n
          Frontend Page Code<\/strong><\/h4>\n\n\n\n
          On your form page<\/strong>, use this code:<\/p>\n\n\n\n
          import { submitLeadToCRM } from 'backend\/weblead';\n\n$w.onReady(() => {\n    $w('#submitButton').onClick(() => {\n        const leadData = {\n            leadName: $w('#inputName').value,\n            leadPhone: $w('#inputPhone').value,\n            leadEmail: $w('#inputEmail').value,\n            leadQuery: $w('#inputQuery').value,\n            department: \"1\", \/\/ optional\n            leadConversionPage: \"https:\/\/yourdomain.com\/form-page\"\n        };\n\n        \/\/ Optional: Get IP from external service\n        fetch('https:\/\/api64.ipify.org?format=json')\n            .then(res => res.json())\n            .then(data => {\n                leadData.leadIP = data.ip;\n                return submitLeadToCRM(leadData);\n            })\n            .then(response => {\n                console.log(\"CRM Response:\", response);\n                \/\/ Show success to user\n                $w('#successText').show();\n            })\n            .catch(error => {\n                console.error(\"Submission error:\", error.message);\n                \/\/ Show error to user\n                $w('#errorText').show();\n            });\n    });\n});\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
          To integrate the ZNICRM WebLead API with WIX Forms, follow these steps: Step 1: Generate Your ZNICRM API Key Log in\u00a0to your ZNICRM dashboard. Navigate to\u00a0Settings. In the left menu, select\u00a0Developers \u2192 API Key.\u00a0How To Generate API Key For CRM Click the\u00a0\u201cAdd Key\u201d\u00a0button to generate a new API key. Copy and securely store the generated […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[30,36,37],"yoast_head":"\nIntegrate WIX form with CRM - ZNICRM Guide<\/title>\n<meta name=\"description\" content=\"Step by step guide to integrate WIX forms with CRM with backend as well as frontend code. Get leads from your website to CRM automatically.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integrate WIX form with CRM - ZNICRM Guide\" \/>\n<meta property=\"og:description\" content=\"Step by step guide to integrate WIX forms with CRM with backend as well as frontend code. Get leads from your website to CRM automatically.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/\" \/>\n<meta property=\"og:site_name\" content=\"ZNICRM Guide\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-02T14:20:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-02T14:21:20+00:00\" \/>\n<meta name=\"author\" content=\"Lowell Samuel Walton\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lowell Samuel Walton\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/znicrm.com\/guide\/#organization\",\"name\":\"ZNICRM Guide\",\"url\":\"https:\/\/znicrm.com\/guide\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/znicrm.com\/guide\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdn.znicrm.com\/guide\/wp-content\/uploads\/2022\/07\/18161430\/logo-112x28-1.png\",\"contentUrl\":\"https:\/\/cdn.znicrm.com\/guide\/wp-content\/uploads\/2022\/07\/18161430\/logo-112x28-1.png\",\"width\":112,\"height\":24,\"caption\":\"ZNICRM Guide\"},\"image\":{\"@id\":\"https:\/\/znicrm.com\/guide\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/znicrm.com\/guide\/#website\",\"url\":\"https:\/\/znicrm.com\/guide\/\",\"name\":\"ZNICRM Guide\",\"description\":\"Help topics for CRM, TeamSpoor & Engage\",\"publisher\":{\"@id\":\"https:\/\/znicrm.com\/guide\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/znicrm.com\/guide\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/\",\"url\":\"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/\",\"name\":\"Integrate WIX form with CRM - ZNICRM Guide\",\"isPartOf\":{\"@id\":\"https:\/\/znicrm.com\/guide\/#website\"},\"datePublished\":\"2025-05-02T14:20:15+00:00\",\"dateModified\":\"2025-05-02T14:21:20+00:00\",\"description\":\"Step by step guide to integrate WIX forms with CRM with backend as well as frontend code. Get leads from your website to CRM automatically.\",\"breadcrumb\":{\"@id\":\"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/znicrm.com\/guide\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integrate WIX form with CRM\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/\"},\"author\":{\"name\":\"Lowell Samuel Walton\",\"@id\":\"https:\/\/znicrm.com\/guide\/#\/schema\/person\/982abbb26b23872deeb011dd70aec446\"},\"headline\":\"Integrate WIX form with CRM\",\"datePublished\":\"2025-05-02T14:20:15+00:00\",\"dateModified\":\"2025-05-02T14:21:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/\"},\"wordCount\":143,\"publisher\":{\"@id\":\"https:\/\/znicrm.com\/guide\/#organization\"},\"keywords\":[\"api\",\"leads\",\"WIX\"],\"articleSection\":[\"CRM\"],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/znicrm.com\/guide\/#\/schema\/person\/982abbb26b23872deeb011dd70aec446\",\"name\":\"Lowell Samuel Walton\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/znicrm.com\/guide\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2ea5466b737a565f00d9effed54ce913?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2ea5466b737a565f00d9effed54ce913?s=96&d=mm&r=g\",\"caption\":\"Lowell Samuel Walton\"},\"sameAs\":[\"https:\/\/znicrm.com\/guide\"],\"url\":\"https:\/\/znicrm.com\/guide\/author\/tushar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Integrate WIX form with CRM - ZNICRM Guide","description":"Step by step guide to integrate WIX forms with CRM with backend as well as frontend code. Get leads from your website to CRM automatically.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/","og_locale":"en_US","og_type":"article","og_title":"Integrate WIX form with CRM - ZNICRM Guide","og_description":"Step by step guide to integrate WIX forms with CRM with backend as well as frontend code. Get leads from your website to CRM automatically.","og_url":"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/","og_site_name":"ZNICRM Guide","article_published_time":"2025-05-02T14:20:15+00:00","article_modified_time":"2025-05-02T14:21:20+00:00","author":"Lowell Samuel Walton","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Lowell Samuel Walton","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/znicrm.com\/guide\/#organization","name":"ZNICRM Guide","url":"https:\/\/znicrm.com\/guide\/","sameAs":[],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/znicrm.com\/guide\/#\/schema\/logo\/image\/","url":"https:\/\/cdn.znicrm.com\/guide\/wp-content\/uploads\/2022\/07\/18161430\/logo-112x28-1.png","contentUrl":"https:\/\/cdn.znicrm.com\/guide\/wp-content\/uploads\/2022\/07\/18161430\/logo-112x28-1.png","width":112,"height":24,"caption":"ZNICRM Guide"},"image":{"@id":"https:\/\/znicrm.com\/guide\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/znicrm.com\/guide\/#website","url":"https:\/\/znicrm.com\/guide\/","name":"ZNICRM Guide","description":"Help topics for CRM, TeamSpoor & Engage","publisher":{"@id":"https:\/\/znicrm.com\/guide\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/znicrm.com\/guide\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/","url":"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/","name":"Integrate WIX form with CRM - ZNICRM Guide","isPartOf":{"@id":"https:\/\/znicrm.com\/guide\/#website"},"datePublished":"2025-05-02T14:20:15+00:00","dateModified":"2025-05-02T14:21:20+00:00","description":"Step by step guide to integrate WIX forms with CRM with backend as well as frontend code. Get leads from your website to CRM automatically.","breadcrumb":{"@id":"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/znicrm.com\/guide\/"},{"@type":"ListItem","position":2,"name":"Integrate WIX form with CRM"}]},{"@type":"Article","@id":"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/#article","isPartOf":{"@id":"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/"},"author":{"name":"Lowell Samuel Walton","@id":"https:\/\/znicrm.com\/guide\/#\/schema\/person\/982abbb26b23872deeb011dd70aec446"},"headline":"Integrate WIX form with CRM","datePublished":"2025-05-02T14:20:15+00:00","dateModified":"2025-05-02T14:21:20+00:00","mainEntityOfPage":{"@id":"https:\/\/znicrm.com\/guide\/176\/integrate-wix-form-with-crm\/"},"wordCount":143,"publisher":{"@id":"https:\/\/znicrm.com\/guide\/#organization"},"keywords":["api","leads","WIX"],"articleSection":["CRM"],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/znicrm.com\/guide\/#\/schema\/person\/982abbb26b23872deeb011dd70aec446","name":"Lowell Samuel Walton","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/znicrm.com\/guide\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2ea5466b737a565f00d9effed54ce913?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2ea5466b737a565f00d9effed54ce913?s=96&d=mm&r=g","caption":"Lowell Samuel Walton"},"sameAs":["https:\/\/znicrm.com\/guide"],"url":"https:\/\/znicrm.com\/guide\/author\/tushar\/"}]}},"_links":{"self":[{"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/posts\/176"}],"collection":[{"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":2,"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/posts\/176\/revisions"}],"predecessor-version":[{"id":178,"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/posts\/176\/revisions\/178"}],"wp:attachment":[{"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/media?parent=176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/categories?post=176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/tags?post=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}