Install NaNDesk on your website

Two steps: add the widget to your site, then connect your leads. Guides for Wix, Squarespace, Shopify, WordPress, and 15+ platforms.

Step 1: Add to your siteStep 2: Connect your data
1

Add NaNDesk to your site

Paste one script tag. Works on 16+ platforms.

The script tag

Every platform uses the same code. Copy it from your NaNDesk dashboard and paste it into your website's footer.

Paste before </body>
<script
  src="https://www.nanlogic.com/nandesk/widget.js"
  data-nandesk-id="your_widget_id"
  async>
</script>

Replace your_widget_idwith the widget ID from your dashboard. The script is served from NaN Logic — no hosting required.

Find your platform

Click for step-by-step instructions. For most, it's: find Custom Code in settings, paste in the Footer, publish.

Supported
WixWixSquarespaceSquarespaceShopifyShopifyWordPressWordPress.comWordPressWordPress.orgWebflowWebflowWeeblyBigCommerceBigCommerceDudaHubSpotHubSpot CMSCarrdCarrdKajabiLeadpagesSquareSquare OnlineStrikinglyHostingerHostinger Builder
Limited support
GoDaddyGoDaddy Builder
Not supported
Google SitesJimdo AI Builder

Platform instructions

WixWix
  1. 1Log in to Wix and open your site dashboard.
  2. 2Go to Settings in the left sidebar.
  3. 3Click Custom Code (under "Advanced").
  4. 4Click + Add Custom Code.
  5. 5Paste the script tag.
  6. 6Name it "NaNDesk Chat Widget".
  7. 7Set Add Code to Pages to All Pages.
  8. 8Set Place Code in to Body - end.
  9. 9Click Apply.

Any paid Wix plan works. Free plans do not allow custom code.

SquarespaceSquarespace
  1. 1Log in to Squarespace and open your website.
  2. 2Go to Settings > Developer Tools (or Advanced).
  3. 3Click Code Injection.
  4. 4Paste the script tag in the Footer field.
  5. 5Click Save.

Requires Business plan or higher.

ShopifyShopify
  1. 1Log in to Shopify admin.
  2. 2Go to Online Store > Themes.
  3. 3Click Customize on your active theme.
  4. 4Add a Custom Liquid section or block.
  5. 5Paste the script tag.
  6. 6Save.

Works on all paid plans. If you change themes, re-add the code.

WordPressWordPress.com
  1. 1Log in to WordPress.com and go to your site dashboard.
  2. 2Go to Plugins > Add New.
  3. 3Search for and install WPCode (Insert Headers and Footers).
  4. 4Activate the plugin.
  5. 5Go to Code Snippets > Header & Footer.
  6. 6Paste the script tag in the Footer section.
  7. 7Click Save Changes.

Requires Business or Creator plan.

WordPressWordPress.org
  1. 1Log in to your WordPress admin (yourdomain.com/wp-admin).
  2. 2Go to Plugins > Add New.
  3. 3Search for WPCode and install it.
  4. 4Activate the plugin.
  5. 5Go to Code Snippets > Header & Footer.
  6. 6Paste the script tag in the Footer section.
  7. 7Click Save Changes.

Works on any hosting provider. Clear your cache after adding the script.

WebflowWebflow
  1. 1Log in to Webflow and open your project.
  2. 2Go to Project Settings (gear icon).
  3. 3Click the Custom Code tab.
  4. 4Paste the script tag in the Footer Code section.
  5. 5Click Save Changes.
  6. 6Go back and Publish your site.

Works on all plans including free. Widget only appears on the published site.

Weebly
  1. 1Log in to Weebly and open your site editor.
  2. 2Go to Settings > SEO.
  3. 3Scroll to the Footer Code section.
  4. 4Paste the script tag.
  5. 5Click Save, then Publish.

Works on all plans including free.

BigCommerceBigCommerce
  1. 1Log in to BigCommerce admin.
  2. 2Go to Storefront > Script Manager.
  3. 3Click Create a Script.
  4. 4Set Name to "NaNDesk Chat Widget".
  5. 5Set Placement to Footer, Location to All Pages.
  6. 6Set Script type to Script (not "Script URL").
  7. 7Paste the full script tag.
  8. 8Click Save.

Works on all plans. Scripts persist across theme changes.

Duda
  1. 1Log in to Duda and open your site editor.
  2. 2Click Settings (gear icon).
  3. 3Click Head & Body HTML.
  4. 4Select the Body End tab.
  5. 5Paste the script tag.
  6. 6Click Save and Republish.

Works on all paid Duda plans.

HubSpotHubSpot CMS
  1. 1Log in to HubSpot.
  2. 2Go to Settings (gear icon).
  3. 3Navigate to Website > Pages.
  4. 4Scroll to Site Footer HTML.
  5. 5Paste the script tag.
  6. 6Click Save.

Disable HubSpot’s own chat widget first to avoid conflicts.

CarrdCarrd
  1. 1Log in to Carrd and open your site.
  2. 2Open Settings (gear icon).
  3. 3Find the Footer code section.
  4. 4Paste the script tag.
  5. 5Save and Publish.

Requires Pro Standard plan. Single-page sites load the widget site-wide automatically.

Kajabi
  1. 1Log in to Kajabi.
  2. 2Go to Settings > Site Details.
  3. 3Scroll to Footer Tracking Code.
  4. 4Paste the script tag.
  5. 5Click Save.

Works on all plans. Test on both public and course pages.

Leadpages
  1. 1Log in to Leadpages and open your page.
  2. 2Click Page Settings (gear icon).
  3. 3Go to the Tracking Code tab.
  4. 4Paste the script tag in the End of Body section.
  5. 5Click Save and Publish.

You may need to add the code to each page individually.

SquareSquare Online
  1. 1Log in to Square Online dashboard.
  2. 2Go to Website > Site Settings.
  3. 3Click Custom Code (or Tracking & Analytics).
  4. 4Paste the script tag in the Footer section.
  5. 5Save and publish.

Requires Plus plan or higher.

Strikingly
  1. 1Log in to Strikingly and open your site.
  2. 2Click Settings > Custom Code.
  3. 3Paste the script tag in the Footer Code section.
  4. 4Save and publish.

Requires Pro plan or higher.

HostingerHostinger Builder
  1. 1Log in to Hostinger and open your Website Builder.
  2. 2Go to Website Settings > Custom Code.
  3. 3Paste the script tag in the footer/body area.
  4. 4Save and publish.

Works on all plans. Included free with hosting.

Google Sites

Google Sites does not allow custom JavaScript. Consider moving to a platform that supports custom code.

Jimdo AI Builder

The Jimdo AI Builder does not support custom code. The legacy Jimdo Creator editor does, but new signups may not have access.

GoDaddyGoDaddy Builder
  1. 1Log in to GoDaddy and open your Website Builder.
  2. 2Click Settings (gear icon).
  3. 3Look for Site-wide Code or Header/Footer Code.
  4. 4If available, paste the script in the Footer code section.
  5. 5Click Publish.

Very limited custom code support. GoDaddy recommends switching to their WordPress hosting if you need custom code.

2

Connect your data

Choose where your leads go. Three options, from zero-setup to fully custom.

Option A: Smart Form Fill

Recommended — zero setup

Already have a contact or booking form on your page? NaNDesk detects it automatically, chats with your visitor, and fills in the form fields for them. Your existing form submission handles the rest — no webhook, no Zapier, no extra setup.

How it works

  1. 1NaNDesk scans your page for form elements when the widget loads.
  2. 2It matches your NaNDesk fields to the form inputs by reading labels, names, and placeholders.
  3. 3Visitor chats naturally — the AI extracts the information.
  4. 4When the conversation completes, NaNDesk fills in the form and confirms with the visitor before submitting.
PlatformSmart Fill
WordPress
Shopify
Webflow
Weebly
Squarespace
Wix

Smart Form Fill also does not work with forms inside iframes (HubSpot embeds, Typeform) or forms with CAPTCHA. In those cases, NaNDesk falls back to webhook mode automatically.

Option B: Built-in Connectors

No middleware needed

NaNDesk has native connectors for the most popular SMB tools. Configure them in your dashboard — no Zapier, no coding.

Google Sheets

Every completed conversation adds a row to your spreadsheet. Connect your Google account, pick a sheet, and fields map to columns automatically.

Wix Forms

For Wix users: NaNDesk connects directly to Wix’s API. Create an API key in your Wix dashboard, paste it into NaNDesk, and submissions appear in your Wix Forms inbox and Contacts.

Slack

Get a formatted notification in any Slack channel every time a conversation completes. Create an Incoming Webhook in Slack (2 minutes), paste the URL into NaNDesk.

Airtable

Airtable can receive webhooks natively. Create an automation with a “When webhook received” trigger, copy the URL into NaNDesk, and map fields visually in Airtable.

Email

Enter your email address in the dashboard. Every completed conversation sends a formatted email with all extracted fields. No setup beyond that.

Option C: Zapier / Make / n8n

For everything else — 6,000+ tools

Use a CRM or tool that NaNDesk doesn't have a built-in connector for? Paste a Zapier or Make webhook URL into your NaNDesk dashboard. That's it.

  1. 1In Zapier: create a new Zap → trigger: Webhooks by Zapier → Catch Hook.
  2. 2Copy the generated webhook URL.
  3. 3Paste it into your NaNDesk dashboard.
  4. 4Send a test conversation to verify.
  5. 5Add an action for your tool (e.g., HubSpot — Create Contact).
  6. 6Map the fields: name, phone, service, etc.
  7. 7Turn on the Zap.

Popular connections via Zapier / Make

ToolAction
HubSpot CRMCreate Contact
SalesforceCreate Lead
Zoho CRMCreate Lead
PipedriveCreate Person + Deal
Google SheetsCreate Row
NotionCreate Database Item
TrelloCreate Card
Monday.comCreate Item
AsanaCreate Task
MailchimpAdd Subscriber *
Microsoft TeamsSend Message
DiscordSend Message
ShopifyCreate Customer

* Email marketing tools (Mailchimp, ConvertKit, Constant Contact) require an email field in your NaNDesk config.

Free tiers

Make
1,000 ops/month free
Zapier
100 tasks/month free
n8n
Unlimited (self-hosted)

Which option should I use?

I already have a contact form on my page

Smart Form Fill

Zero setup

I’m on Wix

Wix API connector

Built-in

I want leads in Google Sheets

Google Sheets connector

Built-in

I want Slack notifications

Slack connector

Built-in

I just want an email per lead

Email

Built-in

I use HubSpot, Salesforce, or another CRM

Zapier / Make

Paste webhook URL

I’m a developer with a custom backend

Direct webhook

Raw JSON POST

Troubleshooting

Widget doesn’t appear after adding the code?

Clear your browser cache and reload. If your platform has a caching plugin (WordPress), clear the site cache too. Make sure you published the changes and that the relay URL and widget ID are correct.

Widget appears on some pages but not others?

Make sure you added the code site-wide, not just to one page. Some platforms (Leadpages, Carrd) require per-page setup.

Widget conflicts with another chat tool?

Disable the other chat widget first (Intercom, HubSpot Chat, Tidio, etc.). Two chat bubbles on the same page will confuse visitors.

My platform isn’t listed here?

Most platforms that allow custom HTML or JavaScript will work. Look for “Custom Code” or “Code Injection” in your site settings. If you can paste a script tag in the footer, NaNDesk will work.

All product names, logos, and brands are property of their respective owners. NaNDesk is not affiliated with or endorsed by any of the platforms listed above.