Skip to main content

Oleon Chatbot 1.0 for WordPress

Integrate Oleon Chat to your WordPress website effortlessly. Provide real-time responses, improve user experience, and increase customer engagement with the Oleon Chat widget.

Table of Contents

  1. Overview
  2. Requirements
  3. Installation
  4. Plugin Configuration
  5. Customizing the Chat Widget
  6. Shortcode Integration
  7. Troubleshooting
  8. FAQ
  9. Support

1. Overview

Oleon Chatbot is an AI-powered chat widget that you can easily integrate into your WordPress website to offer real-time support, answer user queries, and provide an enhanced user experience. Key Features:
  • Easy integration with WordPress.
  • Fully customizable to match your website design.
  • AI-driven responses for accurate information.
  • Works seamlessly across devices.

2. Requirements

Before you start, ensure the following:
  • WordPress version 5.0 or above.
  • PHP version 7.4 or higher.
  • Active internet connection.
  • Oleon API Key & Service ID (you will receive this after purchase or registration).

3. Installation

  1. Download the plugin .zip file from our website.
  2. Log in to your WordPress dashboard.
  3. Go to Plugins > Add New > Upload Plugin.
  4. Upload the downloaded .zip file.
  5. Click Install Now and then Activate.

4. Plugin Configuration

Step 1: Access Plugin Settings

  1. After activation, navigate to Settings > Oleon Chatbot in your WordPress dashboard.

Step 2: Add API Key

  1. Enter your Oleon API Key in the “API Key” field.

Step 3: Customize Basic Settings

  • Position: Choose where the chat widget will appear (left or right).
  • Theme: Select between “Dark” or “Light” mode.
  • Base Color: Pick a color to match your website design.

Step 4: Save Changes

  • Click the Save Settings button.

5. Customizing the Chat Widget

Oleon Chatbot allows you to customize its look and feel to match your website branding.

Customization Options

OptionDescription
PositionPlace the chat widget on the left or right.
ThemeSelect between “Dark” and “Light” mode.
Base ColorCustomize the widget’s primary color.
LogoAdd the company logo
Chat NameAdd the company name

Custom CSS

Advanced users can add their own CSS under the “Custom CSS” section in the plugin settings.

6. Shortcode Integration

You can display the Oleon Chat widget on specific pages or posts using a shortcode.

Shortcode Syntax

[oleon_chat position="right" theme="dark" base_color="#007bff"]

Parameters

ParameterValuesDefaultDescription
positionleft, rightrightSet widget position.
themelight, darkdarkChoose the widget theme.
base_colorHex color codes#007bffCustomize the primary widget color.

Example

To show the chat widget in light mode on the left:
[oleon_chat position="left" theme="light" base_color="#ff5722"]

7. Troubleshooting

Common Issues & Solutions

  1. Widget Not Appearing
    • Ensure the plugin is activated in the Plugins section.
    • Verify your API Key is correctly added under Settings > Oleon Chatbot.
  2. Incorrect API Key
    • Double-check your API Key on the Olee AI Dashboard.
    • Copy and paste it without any extra spaces.
  3. CSS Conflicts
    • Use the Custom CSS field to override styles.
If the issue persists, check the Support Section.

8. FAQ

Q1: What is an API Key, and how do I get it?

An API Key is required to authenticate and activate the Oleon Chat widget. Sign up at Olee.ai to get your unique API Key.

Q2: Can I customize the chat widget’s appearance?

Yes, you can fully customize the widget’s position, theme, and base color via the plugin settings.

Q3: Is the chat widget mobile responsive?

Absolutely! Oleon Chat is fully responsive and works seamlessly on all devices.

Q4: Can I add multiple chat widgets to different pages?

Yes, use the Shortcode Integration to place widgets on specific pages.

9. Support

If you encounter any issues or have further questions, please reach out to our support team.

Changelog

  • Version 1.0: Initial release.

With this plugin, integrating Oleon Chatbot into your WordPress website is seamless and simple. Your website visitors can now enjoy AI-powered real-time support! 🎉