Getting started

Learn about how you can get started with RepX Chat by setting up an agent

Setup

Setup covers how RepX agent and its widget looks and behaves on your site - the first impression and the basic controls every RepX agent can be setup with.

Agent name

The agent name is what your RepX agent goes by in the chat. It gives the agent an identity your visitors recognize and can address directly - for example, "Lily."

Avatar

Choose the avatar that represents your agent, so RepX has a consistent face that matches your brand.

Launcher styles

RepX offers two launcher styles for how the widget appears on your page - a modern style and a more traditional one. Pick the one that fits your site's layout and how prominent you want RepX to be.

{% hint style="info" %} Keep the always-visible text box as your entry point. When it's on the page, a separate "Talk to [agent]" button is unnecessary - and in many layouts the button overlaps and hides behind the box, which looks off. Rely on the text box the way Intercom and similar widgets do. If you'd rather keep the page clean until a visitor acts, use Hide widget on load. {% endhint %}

Position

Position controls where the widget sits on the page, so it lands in the spot that fits your layout and doesn't clash with other on-page elements.

Primary color

Your primary color is applied across the experience - CTA buttons, the chat background gradient, and other accents - so RepX feels native to your brand rather than bolted on.

Hide widget on load

Hide widget on load stops the widget from appearing automatically when the page loads.

The most common use case: you have a button on your page and want RepX to stay hidden until that button is clicked. To open the widget on click, you'll call a JavaScript function (window.Repx.open). See JavaScript functions for how to wire this up.