$50 free credit for new accounts - ends in

Claim $50

Setup

How do I add a chat widget to my family law website?

Chatref Team2 min read / Updated June 18, 2026

You can add a chat widget to your family law website in minutes with Chatref. Build an AI agent grounded in your firm’s intake forms and guides, embed a single snippet that places a chat bubble across your site, and set up custom actions to capture client details automatically.

Create your family law-trained agent

Log into Chatref (new accounts get $50 in free credit, no credit card required) and create your first agent. Upload the documents your team already uses – intake questionnaires, retainer agreements, FAQs, service area pages – and Chatref trains an AI that answers only from that material. Test it in the playground menu, then your agent is ready to embed on your site.

Embed the chat widget on your website

Open the agent’s Widget tab and copy the generated snippet. Paste it just before the </body> tag on every page where you want the chat to appear. The widget works with WordPress, Squarespace, Wix, and custom builds – no plugins or extra code. After you paste the snippet, a branded chat bubble shows on your family law website, anchored at the bottom right by default. You can allowlist your domain to keep the widget secure.

Capture client information with custom actions

Turn your chat into an intake tool without any extra cost. In the agent’s Actions section, define steps like “Collect full name and phone number” or “Ask preferred case type.” The widget will prompt visitors for that information during the conversation and save it to your Chatref inbox. You get qualified details before a human ever needs to step in – all features are included on every account, PAYG only.

FAQ

How to integrate chat into my family law site?

Create a Chatref agent trained on your practice documents, copy the snippet from the Widget tab, and paste it before the closing </body> tag of your website. No other integration steps are needed – the chat bubble appears on all pages automatically.

What code do I need to add a chat widget?

A single <script> tag, provided in your Chatref dashboard. It looks similar to <script id="chatref-widget" src="https://cdn.chatref.ai/widget.js" data-agent-id="your-id-here"></script>. Copy it exactly as shown and place it above </body> on every page where you want the widget to load.

Can I customize the chat widget’s appearance?

Yes. Under the agent’s Widget settings you can change the primary color to match your firm’s brand, update the greeting message and agent name, and reposition the bubble. Branding is fully controlled from one place and included on all accounts at no extra charge.

Put this into practice

Chatref answers your customers from your own content, day and night. Add it to your site and go live in minutes – free to start.

Get started