If you have a website hosted on WordPress, you can be up and running in minutes leveraging our WordPress plugin.
Before proceeding, ensure that you have:
- Administrative access to your WordPress website.
- WordPress version 4.6 or higher installed.
Method 1: Installing via WordPress Admin Panel
Access WordPress Admin: Log in to your WordPress admin dashboard.
Navigate to Plugins: On the admin sidebar, click on
Plugins > Add New.
Search for OC Studio Integration: In the search field, type
OC Studio Integrationand press Enter.
Install the Plugin: Locate
OC Studio Integrationin the search results and click on
Activate the Plugin: After installation, click on
Activateto enable the plugin on your WordPress site.
Method 2: Manual Installation via FTP
Download the Plugin: Visit OC Studio Integration Plugin Page and download the latest version of the plugin.
Unzip the Plugin: Extract the downloaded
.zipfile to a folder on your computer.
Upload via FTP: Using an FTP client, upload the extracted plugin folder to the
/wp-content/plugins/directory on your WordPress server.
Activate the Plugin: Log in to your WordPress admin dashboard, navigate to
Plugins, and find
OC Studio Integrationin the list. Click
Configure the WordPress Plugin
We will need to configure the plugin with the special keys for your chat and search (optional) widgets.
Within the WordPress Admin panel, navigate to the new OC Studio Settings page found under the Tools settings.
Find the keys within studio, and paste them into your plugin configuration page.
A completed plugin configuration will look like the follow:
The chat widget will not appear, by default, in the lower right hand corner of every page on your website.
Setting Up a Search Button
In order for the search widget to be trigger, you will need to setup at least one button with the
xapp-search-button class setting.
The most straight forward way to add a search bar button is by a menu item.
In your WordPress Admin panel, go to Appearance, then Menus.
Select the menu you want to edit
Under "Add menu items, expand "Custom Links"
The URL does not matter as it will not be followed but is required, for the Link Text you can put "Search" or "🔍".
Click "Add to Menu" and you will see it at the bottom of the menu you are editing.
Scroll to the top of the page and click "Screen Options", then within that menu select "CSS Classes"
Scroll back down to your newly added menu item and expand menu to edit. In the field "CSS Classes (optional)" add "xapp-search-button". This is how the search code will find the button. Note: You can also remove the URL at this point if you want. It was only required to add the menu item.
Save and then verify by clicking on the new menu button on your home page. A search widget will appear when you click.
If you encounter issues during installation, check the following:
- Ensure WordPress is up-to-date.
- Confirm that you have administrative privileges.
- Check for plugin compatibility with your WordPress version.
- For manual installations, verify that the plugin files were uploaded correctly.
For additional WordPress support, visit the plugin's OC Studio Integration Support Forum.