This task is for users with the OC Developer role.
Live chat software can help you provide customer service to your residents. OpenCities doesn't offer a built-in live chat functionality, but a third-party live chat software can be implemented on your site. Each live chat provider will give you a code snippet to add to your site.
Live chat services can be added on either every page of your site or only specific pages.
Adding Live Chat to Every Page
To add a live chat service to every page on your site, you must add the provider's code snippet as a device variable. A device variable can store code snippets that are applied to every page of your site.
To add the live chat code snippet to your site:
- Go to More > Device Variables
- Select Client Variables.
-
Select Custom Injection Footer from the list of variables.
- Code snippets added to this variable are included just before your site pages' closing </body> tag. You can use this variable to include any third-party JavaScript code on the site.
-
Add the live chat provider's code snippet in the field Default value.
- Save when you’re done. The live chat widget should appear on your site at the assigned spot.
- Finally, test the functionality as a resident visiting any site page. Ask your customer service team frequently asked questions for training purposes. For further training for agents on your customer service team, go through the live chat provider's training to get the most out of the service.
Adding Live Chat to Only Specific Pages
Code snippets can be saved to the Embed codes area of your admin and accessed through the WYSIWYG toolbar, to be used on multiple pages. To do this:
- Go to More > Embed codes.
- Select Add code. A new code menu will open.
- Use the Name field to give your code a descriptive name and paste your code snippet into the Embed code field.
- Save your changes.
- Go to the page where you want to insert the code and select Update if it has been published.
- Open the WYSIWYG Editor of the page, and select the Insert Plugins tools.
- In the drop-down menu, select your code. It will named like this: Embed - [your site] - [Your embed code name].
- Select Save Content and Close to close the WYSIWYG Editor and Publish your page.
Use Cases
- Provide residents with an alternative way to contact your customer service team for frequently asked questions.
- Gives your customer service team a way to solve simple queries immediately.
- Useful and practical communication medium for residents who can't visit a customer service center in person.
Best-practice Tips
- When it comes to third-party code snippets that are to be implemented site-wide, you can add them as a Device Variable (as a Custom Injection Header or as a Custom Injection Footer).
- Depending on the script, adding it to the header might slow down the page as the script loads first. We recommend adding the script as a footer as it will have less of an impact on site performance as it's loaded last.