SmartWidget UK
Written by Founder, DadLink Technologies Limited Reviewed for Static and custom code
Nuxt.js · Five-Minute Setup

AI chat widget for Nuxt.js: every visitor, answered.

An AI chat widget for Nuxt.js installs in three steps: paste your URL into SmartWidget, review the AI-generated knowledge base, drop one line of JavaScript into your Nuxt.js site (nuxt.config.js bodyAttrs or app.vue body). The full walkthrough is below. From £19 a month, no contract.

Install location: nuxt.config.js bodyAttrs or app.vue body Five-minute setup No engineer required UK GDPR compliant
Built in the UK
GDPR compliant by design
400,000 Nuxt.js sites worldwide
4.9/5 average rating
Made by DadLink Technologies

What is an AI chat widget for Nuxt.js?

SmartWidget is an AI chat widget for Nuxt.js sites. It installs via a single line of JavaScript pasted into nuxt.config.js bodyAttrs or app.vue body, reads your existing Nuxt.js site automatically to build its knowledge base, and answers visitor questions in under eight seconds. No plugin to install on Nuxt.js, no theme modification beyond pasting the snippet, no engineer required. The widget is configured per business — your services, your prices, your tone of voice — all learned from your site during setup. From £19 a month.

Install steps for Nuxt.js

The full install end-to-end. Five steps, about five minutes from signup to the first answered visitor.

  1. Sign up at smartwidget.co.uk. Enter your Nuxt.js site URL. The AI reads your site and builds your knowledge base in about sixty seconds.
  2. Review the generated knowledge base. Check the question-and-answer pairs the AI has built. Edit or override anything that needs refining.
  3. Copy your install snippet. The SmartWidget dashboard shows a single script tag with your unique widget key.
  4. Paste the snippet into your Nuxt.js site. Navigate to nuxt.config.js bodyAttrs or app.vue body. Paste the snippet there and save. The widget is live the moment the page saves.

Where to paste the snippet — screenshots

The exact panel and field to paste the snippet on every supported platform. Nuxt.js is highlighted first.

SmartWidget setup dashboard showing AI knowledge base configuration for a Nuxt.js site

The dashboard you'll use on Nuxt.js

This dashboard is where the AI receptionist on your Nuxt.js site gets its personality. Beyond the knowledge base, the dashboard exposes tone-of-voice controls (formal, conversational, transactional), language settings, escalation triggers, integration with your Nuxt.js calendar and email, and the visible widget appearance (colours, position, welcome message). The same dashboard scales from a single Nuxt.js site to dozens — agencies running multiple client Nuxt.js sites use it daily.

Why an AI chat widget matters on Nuxt.js sites

For UK Nuxt.js sites, missed website enquiries are missed revenue. The contact form has a single-digit response rate. The live chat, if you have one, is only staffed in office hours. The FAQ page is mostly unread. The widget engages every visitor in real time, answers them in under eight seconds, captures the enquiry, and alerts you on SMS. Five-minute install into nuxt.config.js bodyAttrs or app.vue body. £19/mo.

Manage every Nuxt.js conversation in one inbox

Every visitor your Nuxt.js site receives has a conversation that lands in this inbox. Some are auto-handled by the AI in under eight seconds and you never need to look at them — they appear in the Completed tab. Others are escalated to you in real time, with an SMS ping to your mobile. Others again you choose to take over for relationship reasons. The inbox is the operating console for the widget on your Nuxt.js site, and it scales from one site to many.

SmartWidget messaging inbox showing live conversations from a Nuxt.js site with single-click human takeover

Frequently asked questions

Can I customise the widget colours and position on Nuxt.js?

Yes. The widget appearance is fully customisable from the SmartWidget dashboard — primary colour, accent colour, chat bubble position (bottom-left, bottom-right), avatar, welcome message, and trigger behaviour. The customisation is centralised, so changing it once updates the widget on your Nuxt.js site immediately.

How do I uninstall the widget from Nuxt.js if I need to?

Remove the single line of JavaScript from nuxt.config.js bodyAttrs or app.vue body and save. The widget disappears immediately. There is nothing else to uninstall from Nuxt.js — no database tables, no orphaned files, no leftover configuration.

Can I run SmartWidget on multiple Nuxt.js sites with one account?

Yes. Multi-site is built in from the Growth tier. One SmartWidget subscription can run widgets across multiple Nuxt.js sites, each with its own AI personality, knowledge base and unified inbox. Particularly useful for agencies running client Nuxt.js sites or operators with multiple brand sites.

Does the widget work on Nuxt.js mobile sites?

Yes. The widget is responsive by default and works on every Nuxt.js mobile breakpoint. The chat bubble sits in the bottom corner on every screen size and the chat interface adapts to mobile-optimised layout when a visitor opens it on a phone.

Can the widget book appointments directly from a Nuxt.js site?

Yes. The widget integrates with Google Calendar, Outlook (Microsoft Graph), and the built-in SmartWidget scheduler. Visitors browsing your Nuxt.js site can be offered specific appointment slots and book directly inside the chat. The event writes back to your calendar with the conversation transcript attached.

What happens if my Nuxt.js site doesn't allow custom JavaScript at all?

A small number of Nuxt.js entry-level tiers restrict custom code. In that case, upgrading to a tier that allows custom JavaScript is the only path. If Nuxt.js does not allow custom code on any tier, SmartWidget cannot be installed — but this is rare. Almost every modern Nuxt.js Business or Pro plan supports it.

Is there a contract or commitment for SmartWidget on Nuxt.js?

No. SmartWidget operates on monthly billing with no contract and no minimum commitment. Cancel any time directly from the dashboard with no notice period and no exit fee. The lowest tier is £19 per month, billed monthly, so the maximum risk on the decision is a single month's spend.

What support is available for the Nuxt.js install?

Live chat support inside the SmartWidget dashboard answers within minutes. The dashboard also contains a step-by-step Nuxt.js-specific install guide with screenshots and the exact menu paths. If the install does not work, support will remote into a screenshare and complete it with you.

How does SmartWidget handle GDPR cookie consent on Nuxt.js?

The widget includes a configurable consent notice that integrates with the major UK cookie banner solutions including OneTrust, Cookiebot, CookieYes, Iubenda, and the platform-native banners on Nuxt.js where available. Consent state is respected — the widget does not initialise until consent has been granted on visitors in scope of UK GDPR.

Can SmartWidget read content behind a login on Nuxt.js?

The AI knowledge base is built from publicly accessible pages on your Nuxt.js site. Content gated behind login is not included automatically. If your Nuxt.js site has paid-content or member-only sections, the AI's knowledge will reflect only the public pages — which is typically what you want for visitor chat anyway.

What languages does the SmartWidget AI support on Nuxt.js?

English, French, German, Spanish, Italian, Dutch and Portuguese are supported on the Growth tier and above. The widget detects the visitor's language from their first message and replies in the same language for the rest of the conversation. Particularly valuable for Nuxt.js sites serving overseas customers or operating in tourism-driven markets.

How does the widget handle visitors I want to filter out on Nuxt.js?

The dashboard exposes filtering rules. You can block visitors by IP range, exclude conversation triggers on specific URLs of your Nuxt.js site, restrict the widget to certain pages only, and configure honeypot-style anti-spam rules. The defaults are sensible for most Nuxt.js businesses; the controls are there if you need them.

What happens to my visitor data if I cancel the SmartWidget subscription?

Conversation transcripts and visitor contact data are retained for 30 days after cancellation, then deleted permanently. Within that 30-day window you can export the full transcript archive and the contact database as CSV from the dashboard. The widget snippet on your Nuxt.js site stops loading immediately on cancellation.

Will the SmartWidget snippet affect my Core Web Vitals on Nuxt.js?

No. The widget loads asynchronously after the page has rendered. The bundle is under 30KB. There is no impact on Largest Contentful Paint, Cumulative Layout Shift, or First Input Delay. Lighthouse audit before and after the install on a Nuxt.js site typically shows zero score change.

Trusted by UK businesses on every major platform

4.9 out of 5 from 199 reviews. A selection of install-experience reviews from real UK businesses.

We migrated to a new accounting firm site last spring. SmartWidget was the only chat tool that installed cleanly without breaking the theme. Five minutes from signup to live.
Daniel WhitcombeFounder · Whitcombe & Co
5-minute install
Our firm uses a Drupal site that an agency built nine years ago. I expected the install to be painful. The agency added the script tag in eleven minutes and the widget went live the same afternoon.
Priya NairPartner · Nair Legal
11-min Drupal install
Our firm runs a heavily customised Webflow site. SmartWidget installs into the End of body tag custom code field — exactly where Webflow places all scripts. Zero animation conflicts.
Nathan WheatonSenior Partner · Wheaton & Partners
Webflow-clean install
My Framer site is mostly animation and the widget had to coexist with three other custom code blocks. SmartWidget installed cleanly without breaking any of the existing animations or transitions.
Olivia KhanPractice Owner · Khan Consultancy
Animation-safe install
My Format portfolio is built around lots of high-resolution images and very minimal text. SmartWidget did not slow the gallery load at all — it loads async and the widget bubble only renders once images are done.
Sophie ReynoldsOwner · Reynolds Wedding Photography
Image-site safe
My WordPress site uses a heavily customised theme. I worried the SmartWidget snippet might conflict. The Insert Headers and Footers plugin route kept everything isolated and the theme has not been touched.
David MensahOwner · Mensah Boiler Services
Theme-safe install

Other install guides in this category

SmartWidget installs cleanly on every major platform in this category. Explore install guides for related platforms.

Mathew Ades — Founder, DadLink Technologies

Founder, DadLink Technologies Limited

Mathew has been building communications and AI products for UK small businesses since 2019. SmartWidget is built alongside Team Connect — the AI-powered business phone platform also built at DadLink Technologies. He writes about practical AI chat widget deployment, conversion-rate uplift on small-business websites, and the technical realities of installing AI tooling on every major UK web platform. SmartWidget is built to be UK GDPR compliant by design from the first visitor message onwards.

Your Nuxt.js site, answering visitors, in five minutes.

Sign up, paste the snippet, save. From £19 a month. No card to start.

Sign up — £19/mo Talk to us first