This tutorial connects website chat to Domix and verifies it with a complete customer-to-agent exchange. We use the Website channel so you can test both sides directly. If your first channel is WhatsApp or email, see the final section: their connection requirements differ from website widget installation.
Before starting, make sure you can manage inboxes and publish code on a test site or page. Have an existing account agent ready to help. A test page is a useful place to verify the connection before exposing it to every visitor.
1. Create the website inbox
Open Settings → Inboxes → Add Inbox and select Website. Enter an internal name such as “Website — Customer Support,” then the website URL. The inbox name helps agents recognize incoming work; the greeting text is part of what visitors see.
Review the appearance and welcome fields shown in the form. Use a clear greeting such as “How can we help?” and a description that matches the service you provide. Avoid promising an immediate response unless your team can deliver one. Save to continue to agent selection.
ادخل صورة هنا: Show the Website creation form with the inbox name, website URL, and welcome fields highlighted and filled with sample values.
2. Give the test agent inbox access
Select your test agent in the add-agents step and continue. This configures inbox membership; inviting someone to the account is a separate action. If the agent is missing from the list, first confirm that they belong to the selected account.
3. Install the widget code
The setup completion screen provides the chat widget’s embed code. Copy the supplied snippet into the appropriate place in your website, using your site’s publishing process. If a developer manages the site, give them the snippet and identify the page you want to test.
Save or publish the website change, then open that page in a private browser window as a visitor. Creating an inbox inside Domix does not install anything on the site by itself. The page you visit must actually load the embed code.
ادخل صورة هنا: Show the embed-code screen alongside a test website with the installed chat widget visible. Exclude secrets and real customer information.
4. Test a complete exchange
From the visitor window, send “This is a website channel test.” In the agent’s session, open Conversations and look in the new website inbox. Open the message and send a recognizable reply, such as “Your test message arrived successfully.”
Return to the visitor window and confirm the reply appears. A created inbox or a visible widget proves only part of the setup. Receiving a customer message and delivering an agent reply is the success criterion. You can then try internal notes, assignment, and resolving the test conversation.
Diagnose the point where the test stops
- The widget is missing: check that the embed code was published on the correct page. Ask the site developer to inspect browser loading errors or blocked requests.
- The widget appears, but the agent sees no message: check the account, inbox, agent membership, and conversation filters. An administrator can help determine whether this is an access problem or a connection problem.
- The message arrives, but the visitor sees no reply: confirm you sent a public reply rather than an internal note, and that you are checking the same visitor window and conversation.
Starting with a different channel?
Select that channel’s type in the inbox creation wizard and follow its fields. Some channels require provider sign-in and authorization; others require connection details or access tokens. Website embed code does not connect WhatsApp or email. Once connected, apply the same acceptance test: an incoming message from the external channel followed by a reply delivered back to it from Domix.