Author Archive

Embeddable chat widget on external sites

PurioChat isn’t limited to the site it’s installed on. With the Embed feature you can drop your chatbot onto any page – another WordPress site, a plain HTML landing page, a different CMS, anywhere – by pasting a single line of code. The chat, its knowledge, and your settings all stay on your PurioChat site; the other page just shows the bubble.

Embeddable Widget

How to use it?

1. Go to AI Chat → Settings → Integrations.
2. Enable “Embed on any website” and click Save.
3. A copy-paste snippet appears. It looks like this:

<script src="https://your-site.com/wp-content/plugins/ai-chat-search-pro/assets/js/embed-loader.js"
data-puriochat="https://your-site.com/" async></script>

Copy that snippet and paste it into any page where you want the chat to appear — right before the closing </body> tag, in your theme’s footer, or
via a “custom HTML / header & footer” tool (e.g. WPCode). That’s it. The chat bubble shows up in the corner, and clicking it opens your assistant —
exactly as it looks on your own site.

The page you paste it on does not need PurioChat, WordPress, or any plugins. Everything loads from your PurioChat site.


Restrict where it can run (optional)

If you only want the chat to load on certain sites, add them under Allowed domains:

example.com
shop.example.com

– One domain per line. Entering example.com automatically covers all its subdomains and pages — no need to list each one.
– Leave it empty to allow the chat anywhere.
– On a domain that isn’t on the list, the chat simply won’t appear — your page is never affected.

Good to know

– It won’t get in the way. The chat is a transparent overlay — your page stays fully clickable. When the chat is open, only the chat panel captures
clicks; everything outside it keeps working.
– It’s fast. The loader is a static, cached file, so it adds virtually nothing to your page-load time.
– Conversations are tracked normally. Chats started from an embedded page show up in your history, tagged with the page they came from.
– Responsive. It adapts to mobile just like the on-site widget.

 

Changelog

Pre-Chat Form

The Pre-Chat Form asks visitors for required details before they can send the first message. Use it when you want names, contact details, company names, booking references, or any other short context before the assistant starts answering.


Where to find it

Open PurioChat → Settings → Access & Privacy and enable Pre-Chat Form.

The form is used by both the floating widget and embedded chats created with the shortcode. If the chat is disabled globally, hidden by page rules, blocked by Require Login, or blocked for an IP address, the pre-chat form will not appear because the chat itself is unavailable.

Pre chat form

Configure the fields

After enabling the form, add the labels visitors must fill in. Each row becomes a required text field in the frontend form. Common labels are Full name, Email, Phone number, Company, or Order number.

  • All configured fields are required.
  • Answers must be between 2 and 200 characters.
  • PurioChat stores up to 10 submitted fields with the first chat message.
  • Empty field labels are ignored, so remove unused rows or leave them blank.

Use Form Headline when you want a short sentence above the fields, for example Please introduce yourself before we start. Leave it blank for no headline.

Pre-Chat Form configuration with a headline field and a list of required form fields


What visitors see

When the chat opens, visitors see the pre-chat form first. They must complete every visible field and click Start Chat. Only then does the normal chat input become available.

The form does not change the AI model, tools, or trained content. It only collects visitor context before the first message.


Where submitted details go

Submitted values are sent with the first message and saved with that conversation when Chat History tracking is enabled. In PurioChat → Dashboard → Chat History, the data appears in a User Details panel above the transcript.

User Details panel shown at the top of a saved conversation in Chat History