The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Help embedding chatwing

View previous topic View next topic Go down

Help embedding chatwing

Post by novabudz on November 12th 2014, 2:45 am

Hello,
I am looking for help embedding a chatwing chatbox on to the forum. I have a URL, javascript and iFrame code aswell as javascript code for a "popout" option. I however have no idea how to get this working. we are currently using Avacweb chat, but almost all the users we have on the forum use mobile devices to interact, and the mobile support for avacweb is not where we need it. I would like to embed the chatwing chatbox so we can have users use the website and chat as well as use the app. Can anybody help me? thanks in advance if possible.

novabudz
New Member

Posts : 3
Reputation : 1
Language : english

http://www.gmchl.net

Back to top Go down

Re: Help embedding chatwing

Post by SLGray on November 12th 2014, 2:52 am

Could you post a link to where you got the codes?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2446
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Help embedding chatwing

Post by novabudz on November 12th 2014, 2:59 am

"EMBED CODE"

<script type="text/javascript">
(function(d) {
var cwjs, id='chatwing-js'; if(d.getElementById(id)) {return;}
cwjs = d.createElement('script'); cwjs.type = 'text/javascript'; cwjs.async = true; cwjs.id = id
cwjs.src = "//chatwing.com/code/38cdea5e-aac3-49d0-8cd0-b468accb8379/embedded";
d.getElementsByTagName('head')[0].appendChild(cwjs);
})(document);
</script>

"PUT THIS WHERE YOU WANT THE BOX DISPLAYED"

<div id="chatwing-embedded-38cdea5e-aac3-49d0-8cd0-b468accb8379"></div>

"iFRAME"

<!-- Begin chatwing.com chatbox -->
<iframe src="http://chatwing.com/chatbox/38cdea5e-aac3-49d0-8cd0-b468accb8379" width="240" height="370" frameborder="0" scrolling="0">Please contact us at info@chatwing.com if you cant embed the chatbox</iframe>
<!-- End chatwing.com chatbox -->

"POPOUT OPTION"

<script type="text/javascript">
(function(d) {
var cwjs, id='chatwing-js'; if(d.getElementById(id)) {return;}
cwjs = d.createElement('script'); cwjs.type = 'text/javascript'; cwjs.async = true; cwjs.id = id
cwjs.src = "//chatwing.com/code/38cdea5e-aac3-49d0-8cd0-b468accb8379/popout";
d.getElementsByTagName('head')[0].appendChild(cwjs);
})(document);
</script>

"PUT THIS WHERE YOU WANT TO DISPLAY THE CHATBOX"

<div id="chatwing-button-38cdea5e-aac3-49d0-8cd0-b468accb8379"></div>






Ideally, I do not want the chatbox permanently embeded to one page, I would prefer the popout option floating on the bottom of each page, but frankly, whichever way i can get it to work would be best lol.


Thanks for the speedy reply btw.

novabudz
New Member

Posts : 3
Reputation : 1
Language : english

http://www.gmchl.net

Back to top Go down

Re: Help embedding chatwing

Post by novabudz on November 12th 2014, 3:00 am

all i was able to get myself while playing around, was if i put the embed code in to an html page by itself and create a link to it, a new page with the chatbox will open up and it is fully functional, but i do not want it opening on a whole new page.

novabudz
New Member

Posts : 3
Reputation : 1
Language : english

http://www.gmchl.net

Back to top Go down

Re: Help embedding chatwing

Post by SLGray on November 12th 2014, 3:13 am

In the future, please use the code tags when posting codes.

Try adding the code to a widget, an announcement, or the homepage message.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2446
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum