[{"data":1,"prerenderedAt":465},["ShallowReactive",2],{"navigation":3,"\u002Fdocs\u002Fgetting-started\u002Finstallation":61,"\u002Fdocs\u002Fgetting-started\u002Finstallation-surround":460},[4,27,41],{"title":5,"path":6,"stem":7,"children":8,"icon":26},"Getting Started","\u002Fdocs\u002Fgetting-started","1.docs\u002F1.getting-started\u002F1.index",[9,10,14,18,22],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","1.docs\u002F1.getting-started\u002F2.installation",{"title":15,"path":16,"stem":17},"Settings","\u002Fdocs\u002Fgetting-started\u002Fsettings","1.docs\u002F1.getting-started\u002F3.settings",{"title":19,"path":20,"stem":21},"Showing the Result in Your Emails","\u002Fdocs\u002Fgetting-started\u002Fform-builders","1.docs\u002F1.getting-started\u002F4.form-builders",{"title":23,"path":24,"stem":25},"Data Sources","\u002Fdocs\u002Fgetting-started\u002Fdata-sources","1.docs\u002F1.getting-started\u002F5.data-sources","i-lucide-rocket",{"title":28,"path":29,"stem":30,"children":31,"icon":40},"WordPress Plugin","\u002Fdocs\u002Fwordpress-plugin","1.docs\u002F2.wordpress-plugin\u002F1.index",[32,33,36],{"title":28,"path":29,"stem":30},{"title":11,"path":34,"stem":35},"\u002Fdocs\u002Fwordpress-plugin\u002Finstallation","1.docs\u002F2.wordpress-plugin\u002F2.installation",{"title":37,"path":38,"stem":39},"Configuration","\u002Fdocs\u002Fwordpress-plugin\u002Fconfiguration","1.docs\u002F2.wordpress-plugin\u002F3.configuration","i-lucide-puzzle",{"title":42,"path":43,"stem":44,"children":45,"icon":60},"Developer API","\u002Fdocs\u002Fdeveloper-api","1.docs\u002F3.developer-api\u002F1.index",[46,48,52,56],{"title":47,"path":43,"stem":44},"Developer Guide",{"title":49,"path":50,"stem":51},"Authentication","\u002Fdocs\u002Fdeveloper-api\u002Fauthentication","1.docs\u002F3.developer-api\u002F2.authentication",{"title":53,"path":54,"stem":55},"API Reference","\u002Fdocs\u002Fdeveloper-api\u002Fapi-reference","1.docs\u002F3.developer-api\u002F3.api-reference",{"title":57,"path":58,"stem":59},"Code Examples","\u002Fdocs\u002Fdeveloper-api\u002Fexamples","1.docs\u002F3.developer-api\u002F4.examples","i-lucide-code-2",{"id":62,"title":11,"body":63,"description":452,"extension":453,"head":454,"meta":455,"navigation":456,"ogImage":454,"path":12,"robots":454,"schemaOrg":454,"seo":457,"sitemap":458,"stem":13,"__hash__":459},"docs\u002F1.docs\u002F1.getting-started\u002F2.installation.md",{"type":64,"value":65,"toc":436},"minimark",[66,70,75,117,166,174,178,181,186,197,204,208,244,247,251,270,273,277,300,304,330,334,337,358,362,368,371,375,387,391,401,412,422,432],[67,68,11],"h1",{"id":69},"installation",[71,72,74],"h2",{"id":73},"_1-set-up-your-dashboard","1. Set up your dashboard",[76,77,78,87,95,110],"ol",{},[79,80,81,86],"li",{},[82,83,85],"a",{"href":84},"\u002Fsignup","Sign up",". It's free.",[79,88,89,90,94],{},"Go to ",[91,92,93],"strong",{},"Service areas"," and create one: your business postcode \u002F zip code and radius in kilometres.",[79,96,89,97,100,101,104,105,109],{},[91,98,99],{},"Sites"," → ",[91,102,103],{},"Add site",". Enter your website's domain (e.g. ",[106,107,108],"code",{},"mybusiness.com",") and choose what should happen to out-of-area enquiries.",[79,111,112,113,116],{},"The install instructions open automatically (or click ",[91,114,115],{},"Install"," on your site later). Your code looks like this:",[118,119,124],"pre",{"className":120,"code":121,"language":122,"meta":123,"style":123},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript src=\"https:\u002F\u002Fserviceareawizard.com\u002Fembed.js?key=pk_...\" defer>\u003C\u002Fscript>\n","html","",[106,125,126],{"__ignoreMap":123},[127,128,131,135,139,143,146,149,153,155,158,161,163],"span",{"class":129,"line":130},"line",1,[127,132,134],{"class":133},"sMK4o","\u003C",[127,136,138],{"class":137},"swJcz","script",[127,140,142],{"class":141},"spNyl"," src",[127,144,145],{"class":133},"=",[127,147,148],{"class":133},"\"",[127,150,152],{"class":151},"sfazB","https:\u002F\u002Fserviceareawizard.com\u002Fembed.js?key=pk_...",[127,154,148],{"class":133},[127,156,157],{"class":141}," defer",[127,159,160],{"class":133},">\u003C\u002F",[127,162,138],{"class":137},[127,164,165],{"class":133},">\n",[167,168,169,170,173],"p",{},"The code only works on the domains you list for that site. Subdomains (like ",[106,171,172],{},"www.",") are included automatically.",[71,175,177],{"id":176},"_2-add-the-code-to-your-website","2. Add the code to your website",[167,179,180],{},"Paste the code once, and it works on every form on your site that has a postcode or zip code field.",[182,183,185],"h3",{"id":184},"wordpress","WordPress",[167,187,188,189,192,193,196],{},"The easiest way is the ",[82,190,191],{"href":29},"Service Area WIZARD plugin",": install it, then paste your site key into ",[91,194,195],{},"Settings → Service Area WIZARD",".",[167,198,199,200,203],{},"If you'd rather not install our plugin, paste the full code into a header and footer scripts plugin such as WPCode, in the ",[91,201,202],{},"footer"," section.",[182,205,207],{"id":206},"wix","Wix",[76,209,210,220,227],{},[79,211,212,213,215,216,219],{},"In your Wix dashboard, go to ",[91,214,15],{}," and open ",[91,217,218],{},"Custom Code"," (under Advanced).",[79,221,222,223,226],{},"Click ",[91,224,225],{},"+ Add Custom Code"," and paste the code.",[79,228,229,230,100,233,236,237,240,241,196],{},"Choose ",[91,231,232],{},"All pages",[91,234,235],{},"Load code once",", and place it in ",[91,238,239],{},"Body - end",". Click ",[91,242,243],{},"Apply",[167,245,246],{},"Wix only allows custom code on Premium plans with a connected domain.",[182,248,250],{"id":249},"squarespace","Squarespace",[76,252,253,260],{},[79,254,255,256,259],{},"Search for ",[91,257,258],{},"Code Injection"," in the Squarespace dashboard search bar and open it.",[79,261,262,263,266,267,196],{},"Paste the code into the ",[91,264,265],{},"Footer"," box and click ",[91,268,269],{},"Save",[167,271,272],{},"Code Injection is only available on Squarespace plans that include custom code.",[182,274,276],{"id":275},"webflow","Webflow",[76,278,279,285,294],{},[79,280,281,282,196],{},"Open ",[91,283,284],{},"Site settings → Custom code",[79,286,287,288,291,292,196],{},"Paste the code into ",[91,289,290],{},"Footer code"," and click ",[91,293,269],{},[79,295,296,299],{},[91,297,298],{},"Publish"," your site.",[182,301,303],{"id":302},"shopify","Shopify",[76,305,306,319],{},[79,307,89,308,311,312,315,316,196],{},[91,309,310],{},"Online Store → Themes",", click ",[91,313,314],{},"⋯"," next to your theme, then ",[91,317,318],{},"Edit code",[79,320,281,321,324,325,291,328,196],{},[106,322,323],{},"layout\u002Ftheme.liquid",", paste the code just above ",[106,326,327],{},"\u003C\u002Fbody>",[91,329,269],{},[182,331,333],{"id":332},"google-tag-manager","Google Tag Manager",[167,335,336],{},"If your site already uses Google Tag Manager, you don't need to touch your website at all:",[76,338,339,344,347],{},[79,340,89,341,196],{},[91,342,343],{},"Tags → New → Tag Configuration → Custom HTML",[79,345,346],{},"Paste the code.",[79,348,349,350,353,354,357],{},"Set the trigger to ",[91,351,352],{},"All Pages",", save, then click ",[91,355,356],{},"Submit"," to publish.",[182,359,361],{"id":360},"any-other-website","Any other website",[167,363,364,365,367],{},"Paste the code on every page with a form, just before the closing ",[106,366,327],{}," tag. Most website builders have a \"footer code\", \"custom code\" or \"code injection\" setting for this.",[167,369,370],{},"Forms that load inside an iframe (such as Typeform, Google Forms or iframe-embedded Jotform) can't be checked.",[182,372,374],{"id":373},"not-sure-how","Not sure how?",[167,376,377,378,380,381,100,383,386],{},"On the ",[91,379,99],{}," page, click ",[91,382,115],{},[91,384,385],{},"Email to my web developer",". It opens an email with the code and these instructions, ready to send to whoever manages your website.",[71,388,390],{"id":389},"_3-test-it","3. Test it",[167,392,393,394,396,397,400],{},"Open your website once. Back on the ",[91,395,99],{}," page, your site should now show ",[91,398,399],{},"Installed on yourdomain.com"," (refresh the page if it doesn't).",[167,402,403,404,407,408,411],{},"Then open the page with your contact form and type in a postcode from outside your service area. You should see the out-of-area message (unless you chose ",[91,405,406],{},"Tag only","). Check the ",[91,409,410],{},"Overview"," page in your dashboard to see the checks coming in.",[167,413,414,415,418,419,421],{},"You can also use ",[91,416,417],{},"Try it"," on the ",[91,420,99],{}," page to test postcodes without visiting your website.",[423,424,426],"callout",{"icon":425},"i-lucide-arrow-right",[167,427,428,429,196],{},"Next: ",[82,430,431],{"href":16},"Choose your settings",[433,434,435],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":123,"searchDepth":437,"depth":437,"links":438},2,[439,440,451],{"id":73,"depth":437,"text":74},{"id":176,"depth":437,"text":177,"children":441},[442,444,445,446,447,448,449,450],{"id":184,"depth":443,"text":185},3,{"id":206,"depth":443,"text":207},{"id":249,"depth":443,"text":250},{"id":275,"depth":443,"text":276},{"id":302,"depth":443,"text":303},{"id":332,"depth":443,"text":333},{"id":360,"depth":443,"text":361},{"id":373,"depth":443,"text":374},{"id":389,"depth":437,"text":390},"How to add the Service Area WIZARD code to WordPress, Webflow, Squarespace, Wix, Shopify or any HTML website.","md",null,{},true,{"title":11,"description":452},{"loc":12},"BU9tkW6rbYJBOZ11XhBvpmWwnOCYPuYOsRqvnlhyZtU",[461,463],{"title":5,"path":6,"stem":7,"description":462},"Add service area checking to your existing website contact form in five minutes. No new form, no developer needed.",{"title":15,"path":16,"stem":17,"description":464},"Choose what happens to out-of-area enquiries, customise messages, and point Service Area WIZARD at the right form field.",1794036042110]