WordPress Installation Guide

Detailed instructions for adding ZuluIQ to your WordPress site.

Beginner6 minLast updated: January 15, 2025

WordPress Installation Guide

This guide covers multiple methods to add ZuluIQ to your WordPress website.

Method 1: Using the Theme Customizer (Recommended)

This is the easiest method and doesn't require editing theme files.

Step 1: Access Theme Customizer

1. Log in to your WordPress admin dashboard 2. Navigate to Appearance → Customize 3. Look for Additional CSS* or *Custom HTML section

Step 2: Add the ChatBot Code

1. Click on Custom HTML* or *Footer Scripts 2. Paste your ZuluIQ embed code 3. Click Publish

Method 2: Using a Plugin

Recommended Plugins:

- Insert Headers and Footers by WPBeginner - Header Footer Code Manager - Custom CSS & JS

Installation Steps:

1. Go to Plugins → Add New 2. Search for "Insert Headers and Footers" 3. Install and activate the plugin 4. Go to Settings → Insert Headers and Footers 5. Paste your code in the "Scripts in Footer" section 6. Save changes

Method 3: Editing Theme Files

⚠️ Warning: Always create a child theme or backup before editing theme files.

Step 1: Access Theme Editor

1. Go to Appearance → Theme Editor 2. Select your active theme 3. Find footer.php

Step 2: Add the Code

1. Locate the closing tag 2. Paste your ZuluIQ code just before it:

3. Click Update File

Method 4: Using functions.php

Add this to your theme's functions.php file:

function zuluiq_chatbot_script() {
    ?>

Excluding Specific Pages

To exclude the chatbot from certain pages:

function zuluiq_chatbot_script() {
    // Don't show on specific pages
    if (is_page(array('privacy-policy', 'terms'))) {
        return;
    }
    
    // Don't show on admin pages
    if (is_admin()) {
        return;
    }
    
    // Your chatbot code here
}

WordPress-Specific Features

1. User Role Integration

Show different chatbot configurations based on user roles:

if (is_user_logged_in()) {
    $user = wp_get_current_user();
    // Customize based on user role
}

2. WooCommerce Integration

If you're selling properties through WooCommerce: - Show chatbot on product pages - Pass product information to chatbot - Track conversions

3. Multilingual Sites (WPML/Polylang)

The chatbot automatically detects language, but you can force it:

zuluiqChat.push(['setLanguage', 'es']); // Spanish
zuluiqChat.push(['setLanguage', 'fr']); // French

Performance Optimization

1. Lazy Loading

Load the chatbot only when needed:

// Load chatbot after page load
window.addEventListener('load', function() {
    setTimeout(function() {
        // Insert chatbot script here
    }, 3000); // 3 second delay
});

2. Mobile Optimization

Hide on mobile if needed:

@media (max-width: 768px) {
    #zuluiq-chatbot {
        display: none;
    }
}

Common Issues

ChatBot Not Showing?

1. Caching: Clear WordPress cache (WP Rocket, W3 Total Cache, etc.) 2. Conflicts: Check browser console for JavaScript errors 3. Theme Issues: Try switching to a default theme temporarily

Styling Conflicts

Add custom CSS to fix positioning:

#zuluiq-chatbot {
    z-index: 9999 !important;
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
}

Security Considerations

1. Always use a child theme for customizations 2. Keep WordPress and plugins updated 3. Use security plugins like Wordfence or Sucuri 4. Regular backups before making changes

Need Help?

- Check our FAQ - Contact support at support@zuluintelligence.com - Join our WordPress users community forum

Was this article helpful?

Need more help? Check out these resources:

Browse FAQ →Contact Support →Try Live Demo →