# Enable Cloud Voice Live Chat on Joomla Website

Cloud Voice Live Chat is a small chat window that appears in the lower-right corner of your website. Once you have generated the Live Chat code snippet (a short block of HTML/JavaScript), you paste it into your Joomla site's template. From then on, visitors can open the widget and start a real-time conversation with your agents without leaving the page.

## Before you begin

Make sure you already have the Live Chat code snippet. If you don't, [set up a live chat channel](/pbx/contact-center-guide/set-up-a-live-chat-channel/) first to generate it.

:::note
Each live chat channel generates its own snippet. Copy the exact snippet for the channel you want this website to reach, and paste it without editing it. Changing the code can break the widget or point it at the wrong channel.
:::

## Add the snippet to your Joomla template

1. Sign in to the administrator panel of your Joomla site.

2. In the left-hand menu, go to **System**, then select **Site Templates**.

   ![Joomla administrator menu with System and Site Templates highlighted](/images/pbx/joomla-path.png)

3. Choose the template where you want the widget to appear.

   ![List of installed Joomla site templates](/images/pbx/joomla-current-template.png)

   :::caution
   The widget only loads on pages that use the template you edit. If your site serves different pages from more than one template (for example, a separate template for the home page), add the snippet to each of those templates, or the chat window will be missing on some pages.
   :::

4. Open **index.php** and paste the code snippet immediately before the closing `</body>` tag. This is the tag near the end of the file that marks the end of the page body, so placing the snippet just above it lets the widget load after the rest of the page.

   :::caution
   You are editing the template's live source files. A future template update, reinstall, or override can overwrite `index.php` and silently remove your snippet. Keep a copy of the snippet somewhere safe so you can re-add it, and recheck the widget after any template update.
   :::

   
   ![Cloud Voice, Live Chat snippet pasted into the template's index.php ahead of the closing body tag](/images/pbx/joomla-success-pce.png)

5. Click **Save** in the top-left corner.

   :::tip
   If the Save button is greyed out or an error appears, Joomla usually cannot write to `index.php` because of file permissions. Confirm the template file is writable and that you are signed in with an account that can edit templates.
   :::

## Result

Open your Joomla site and you'll see the live chat widget in the bottom-right corner, ready for visitors to reach your agents.

![Joomla website showing the live chat widget in the lower-right corner](/images/pbx/joomla-added.png)

:::tip
If the widget doesn't show up right away, open the page in a private/incognito window or clear your browser cache. Browsers and Joomla both cache templates, so an old copy of the page can hide a change you just saved.
:::
