Enable Cloud Voice Live Chat on WordPress Website

Once you have generated the Live Chat code snippet, you can drop it into your WordPress site’s footer. A chat widget then appears in the lower-right corner of every page, letting visitors start a live conversation with your agents. WordPress gives you two ways to add the snippet: through the built-in theme editor or with the WPCode plugin. Pick whichever suits your setup.

Note

The “code snippet” is a small block of HTML and JavaScript that Cloud Voice generates when you set up a live chat channel. When a page loads, that code draws the chat widget and connects it back to your agents. You do not need to edit or understand the code, only paste it in exactly as copied.

Tip

If you are not sure which method to use, choose the WPCode plugin (Option 2). Code added through the theme editor lives inside the active theme’s files, so it can disappear when the theme updates or when you switch themes. WPCode stores the snippet separately, so it survives theme changes.

Prerequisites

You have already created a live chat channel and copied its Live Chat code snippet.

Option 1: Add the snippet with the theme editor

Use this method when you want to add the snippet directly, without installing anything extra.

1. Sign in to your WordPress admin panel.

2. In the left sidebar, go to Appearance > Themes and click Customize on the theme you want to edit.

   

3. In the left sidebar, click Pages and open the page you want to edit.

   

4. In the top-right corner, click the more-options icon , then select Code editor.

   

5. Scroll to the bottom of the editor, paste the Live Chat code snippet, then click Save.

   

Caution

Paste the snippet at the very bottom of the code, after the existing content, and do not change anything already in the file. Editing or deleting the surrounding code can break the page layout.

Open the live page and confirm the Live Chat widget now shows in the bottom-right corner.

Option 2: Add the snippet with the WPCode plugin

WPCode is a free plugin that stores custom code separately from your theme, so the snippet is not lost when the theme updates. This is the recommended method for a live production site.

1. Sign in to your WordPress admin panel.

2. In the left sidebar, go to Plugins > Add New Plugin.

3. Install and activate the WPCode plugin:

   1. In the top-right search box, look up WPCode, then click Install Now.

      

   2. Click Activate to turn the plugin on.

      

   Note

   Installing a plugin downloads it to your site; activating it is what actually turns it on. A plugin has no effect until you activate it, so do not skip the Activate step.

4. Add the code snippet to the footer:

   

   1. In the left sidebar, go to Code Snippets > Header & Footer.
   2. In the Footer section, paste the Live Chat code snippet.
   3. In the top-right corner, click Save Changes.

Tip

Pasting the snippet into the Footer section adds it to every page of the site, so the widget appears everywhere. This is the placement Cloud Voice expects, so paste it into Footer rather than Header or Body.

Open the live page and confirm the Live Chat widget now shows in the bottom-right corner.

Note

If the widget does not appear right away, your browser or a caching plugin may be showing an old copy of the page. Reload with a hard refresh or open the page in a private/incognito window to confirm.