How to Set Up Live Chat for WordPress

Follow this step-by-step guide to add the Replyco Live Chat widget to your WordPress site.

Adding Replyco's Live Chat widget to your WordPress site allows you to effortlessly connect with website visitors while offering a streamlined customer service experience. For this you’ll need access to your WordPress administrator account, but to start, head over to your Replyco home screen.

Step 1: Go to Tools

To set up Replyco Live Chat, first go to the Tools tab, then select Widgets.

Step 2: Create a New Widget

From the widgets page, click the "+ Create New" button.

Step 3: Set Up Your Live Chat

Here you will set up the title, appearance and messaging of your Live Chat Widget, as well as assign Live Chat users. Once you’re done, click the Save button.

Theme: Select a color for your live chat widget.

Background Color: Select the color that appears behind the chat window.

Position: Choose whether the Live Chat widget appears on the left-hand or right-hand side of the screen.

Working days / Working hours / Holidays: Selecting your business hours and days of operation, as well as the holidays on which your team isn't available, will determine when web visitors see the "During business hours" or "Outside business hours" message.

Responsible users: Assign which team members will be able to receive and respond to live chat messages from the Instant Messages tab of Replyco.

Chat title: Give your chat a title — this is what web visitors will see immediately after clicking on the Live Chat widget, but before starting a conversation.

Introductory message: Give your chat an introductory message, such as "How can we help you?" This will be displayed at the top of the chat widget after starting a conversation.

During business hours message: Write a message that will appear on the Live Chat widget during normal days / hours of operation, as specified above.

Outside business hours message: Write a message that will appear on the Live Chat widget when your team is unavailable, as specified above.

Show welcome message: Leaving this slider in the "On" position will display the "Introductory message" above the Live Chat widget icon at all times.

Play sound for new messages: Leaving this slider in the "On" position will trigger a sound when new messages are sent or received in the Live Chat widget.

Other than “Holidays” all fields must be completed in this step before proceeding.

Step 4: Copy the Live Chat HTML Code

Select your newly created Live Chat widget from the Widgets screen. Then, click on the Installation tab and select "Copy" to the right of the HTML code.

In order to proceed with the next steps, you will need your WordPress account login credentials.

Step 5: Head over to your WordPress Admin Dashboard

On the left-hand panel of your WordPress Dashboard, hover your mouse over the Appearance tab and then select Widgets.

Step 6: Add a New Widget

From the Available Widgets” menu, click on Custom HTML, and from the dropdown menu click the Add Widget button under "Footer."

Step 7: Paste the Live Chat HTML Code

You will now see the “Custom HTML” widget box appear on the right-hand side of the page.

Paste the Live Chat HTML code you copied in Step #4 into the Content box and hit Save.

Ignore the “Title” text entry field above the Content box — it will just create unnecessary text in the footer of your site that the Live Chat widget doesn’t need.

All Done!

Your Live Chat widget will now appear on your WordPress site.

Using Replyco Live Chat

Using your Replyco Live Chat widget couldn't be simpler. Navigate to the Instant Messages tab of the Replyco Home screen.

From here you can view and respond to all of your Live Chat messages.