Docs

[BlueMarlin]

Hi,

we would like to include a business card with the presence information of the employee on the website.
A visitor of the website can then press a voice or video call button and start a conversation with the internal employee.

We have tried this with a standard website on an Apache Server. Everything is fine.

Below is the instruction how to install this on a web server. Is there a chance to install this feature on a wordpress theme like X theme? We need to install java script, some html code, css and php, which can be a problem concerning security.

Any idea?

Installation on the Web server

Store the JavaScript, CSS, PHP, and other files on the Web server
If necessary adjust the path
You can place the files anywhere, but…
… if possible leave the files together, because a parameter in the configuration refers to this directory
PHP file in a directory that is accessible externally, such as “root”
Create and store images (photos, avatar) for internal subscribers
Extend HTML page with JavaScript
For business card view: Create a container for positioning
Adjust to corporate design
Test and share

/css/*.css
/js/*.js
/js/*.mp3
/js/*.svg
/img/avatar*.png
/WebRtcAuth.php
/index.html

If the path js/ is changed, the value pathPrefix can be adjusted under parameters.
Initialization

File: index.html Include required CSS files in the header js files to be loaded preferably at the end of the HTML

var parameters = {

urlPbx: “wss://pbx.example.com/PBX0/WEBSOCKET/websocket”,
urlAuth: “https://www.example.com/WebRtcAuth.php”,
pathPrefix: “js/”,
companyName: ‚Example AG’,
companyStreet: ‘Str. 99′,
companyCity: ‚1234 City’,
companyTel: ‘0321/ 4444- 0’,
companyTrunk: ‘0321 / 4444’,
companyFax: ‘0321 / 4444- 9’,
companyEmail: ‘info@example.com’,
supporters: [

{name: ‘Dummy 1′, shortcut: ‚d1’, phone: ‘210’, img: ‘img/avatar1.jpg’, ’email’: ‘dummy1@innovaphone.com’, department: ‘Development’},
{name: ‘Dummy 2′, shortcut: ‚d2’, phone: ‘211’, img: ‘img/avatar2.jpg’, ’email’: ‘dummy2@innovaphone.com’, department: ‘Sales’}

]

};
new innovaphone.widget.SideBarWidget(parameters);
new innovaphone.widget.CardWidget(parameters);

[Darshana]

Hi there,

Thanks for writing in! Your instructions posted here are not clear. You can ask them to provide an integration method for WordPress platform.

Thanks!

[BlueMarlin]

Hi,
We are not sure how to integrate the css, javascript AND php files into the x theme template.
As mentioned it is not a problem at all with a Standard Web Server.
Hope somebody can give us an idea how to integrate it in the x theme template.

Thanks!

[Rupok]

Hi there,

It doesn’t look suitable for WordPress. However you can add custom CSS/JS under Custom > CSS/JS in the Customizer. If you need to add external script then you can follow this – https://community.theme.co/forums/topic/add-tracking-code-to-header/

Thanks!

[Author]

Posts