WooCommerce Installation Guide

📋 Before You Begin:

You must have WordPress with WooCommerce plugin installed
Log in to your WordPress admin panel
Get Your Installation Code: Log in to your LiveChat Dashboard and go to "Installation Code" to get your personalized code with your Account ID
We recommend using Method 1 (Plugin) to avoid losing code during theme updates
Note: The code shown in this guide is sample code. Use the code from your Dashboard for actual installation
Official Domain: Use https://www.poplivechat.com for production deployment

Method 1: Using a Plugin (Recommended)

This method is the safest and most persistent. The code will survive theme updates.

Step 1: Install Plugin

Go to Plugins → Add New in your WordPress admin. Search for "Insert Headers and Footers" by WPBeginner and click Install Now, then Activate.

Step 2: Add Code to Footer

📌 Sample Code Notice:

The code below is sample code for demonstration purposes. The YOUR_COMPANY_ID shown is a placeholder. To get your actual installation code with your Account ID, please log in to your LiveChat Dashboard and navigate to the "Installation Code" section.

Go to Settings → Insert Headers and Footers. Paste the code below into the "Scripts in Footer" section:

<!-- PopLiveChat Widget -->
<script>
window.LiveChatWidgetConfig = { companyId: 'YOUR_COMPANY_ID' };
</script>
<link rel="stylesheet" href="https://www.poplivechat.com/css/chat-widget.css">
<script src="https://www.poplivechat.com/js/chat-widget.js"></script>
<!-- End PopLiveChat Widget -->

⚠️ Important: This is sample code. Replace YOUR_COMPANY_ID with your actual Account ID. Get your personalized installation code from your Dashboard → Installation Code page.

Click Save to apply the changes.

Method 2: Using WordPress Functions.php

For developers who prefer adding code via PHP hooks. Go to Appearance → Theme File Editor and select functions.php.

📌 Sample Code Notice:

Add the following code at the end of functions.php:

<?php
// Add LiveChat widget to WordPress footer
function add_livechat_widget() {
    ?>
    <!-- PopLiveChat Widget -->
    <script>
    window.LiveChatWidgetConfig = { companyId: 'YOUR_COMPANY_ID' };
    </script>
    <link rel="stylesheet" href="https://www.poplivechat.com/css/chat-widget.css">
    <script src="https://www.poplivechat.com/js/chat-widget.js"></script>
    <!-- End PopLiveChat Widget -->
    <?php
}
add_action('wp_footer', 'add_livechat_widget');
?>

⚠️ Important: This is sample code. Replace YOUR_COMPANY_ID with your actual Account ID. Get your personalized installation code from your Dashboard → Installation Code page.

Note: If you update your theme, code added to functions.php will be lost. Use a Child Theme to prevent this.

✅ WooCommerce-Specific Benefits:

Chat widget appears on all WooCommerce pages (shop, product, cart, checkout, account)
Help customers with product questions in real-time
Assist with checkout process and order inquiries
Improve customer experience and increase conversions

⚠️ Important Notes:

Always use Method 1 (Plugin) or a Child Theme with Method 2 to preserve code during theme updates
The chat widget will automatically appear on all WooCommerce pages
Test the widget on product pages, cart page, and checkout page to ensure it works correctly
If you use a WooCommerce-compatible theme, the widget will integrate seamlessly

Troubleshooting

Chat widget not appearing?

Check that WooCommerce is active and functioning
Verify the code is placed correctly in the plugin or functions.php
Clear WordPress and browser cache
Check browser console (F12) for JavaScript errors
Disable other plugins temporarily to check for conflicts

Widget not showing on checkout page?

Some checkout page builders may require additional configuration
Check if your theme or plugin is blocking the footer on checkout
Try using WooCommerce-specific hooks if needed (advanced users)

Need Help?

If you encounter any issues during installation, please contact our support team:

📧 Email: contact@items7.com
🏠 Access Dashboard | All Installation Guides