How do I add a chat widget to my affiliate marketing store?

1. Log into your Chatref dashboard and open the agent you want to connect.
2. Navigate to the Widget section and copy the JavaScript snippet.
3. Paste that snippet right before the closing </body> tag in your site’s theme file.

This works on any platform that accepts custom HTML. For Shopify stores, go to Online Store > Themes > Edit code, open theme.liquid, and insert the snippet just above </body>. On WordPress with WooCommerce, use a header/footer plugin or drop the code into your theme’s footer.php. The widget loads only on pages you origin-allowlist, so it won’t appear where you don’t want it.

Your widget is only as helpful as the information it’s trained on. Upload the content your visitors ask about: product guides, review comparisons, shipping and return policies, affiliate program disclosures, and any FAQs you already maintain. Chatref’s AI agents read your documents and answer strictly from that material - no guessing, no generic web search.

Once trained, your agent handles common questions like “Best budget option?” or “How long does shipping take?” automatically. This alone sets up a support chat that runs around the clock, cutting the repetitive questions that eat into your time.

Sometimes a visitor needs more than the agent can provide - a specific product recommendation based on nuanced criteria, or a question about a special affiliate deal. With the shared inbox, your team can monitor chats in real time and take over a conversation right inside the widget, with full context of what’s already been discussed.

There’s no separate portal or ticket system; the same thread the visitor started with the AI agent becomes a human-led chat in your dashboard. Assign messages, leave internal notes, and jump back when you’re done. This keeps your affiliate marketing website chat responsive without forcing you to be online 24/7.

How to integrate chat widget with affiliate platform?

Add the Chatref widget snippet to your site’s theme, as described above. It works with any platform that supports custom HTML. For Shopify: paste the code into theme.liquid before </body>. For WordPress/WooCommerce: use a footer plugin or edit the theme’s footer.php. For other site builders, locate the custom-code section and insert the snippet globally. No platform-specific plugin is needed.

Can I customize the chat widget colors?

Yes. In the Chatref dashboard, open your agent and go to the Widget settings. You can choose a primary color that matches your brand, upload a logo, and write a custom greeting message. The widget will adopt these throughout the chat interface so it feels native to your store.

What happens when a visitor starts a chat?

The AI agent greets the visitor and uses your trained content to give a grounded answer. If the agent can’t resolve the question or the visitor requests a human, the conversation appears instantly in your shared inbox. Any team member can jump in with the full chat history, so the visitor never gets stuck repeating themselves.