Help embedding chatwing Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
2 posters

    Help embedding chatwing

    avatar
    novabudz
    New Member


    Posts : 3
    Reputation : 1
    Language : english

    Help embedding chatwing Empty Help embedding chatwing

    Post by novabudz 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.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51500
    Reputation : 3523
    Language : English
    Location : United States

    Help embedding chatwing Empty Re: Help embedding chatwing

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

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



    Help embedding chatwing Slgray10

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


    Posts : 3
    Reputation : 1
    Language : english

    Help embedding chatwing Empty Re: Help embedding chatwing

    Post by novabudz 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.
    avatar
    novabudz
    New Member


    Posts : 3
    Reputation : 1
    Language : english

    Help embedding chatwing Empty Re: Help embedding chatwing

    Post by novabudz 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.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51500
    Reputation : 3523
    Language : English
    Location : United States

    Help embedding chatwing Empty Re: Help embedding chatwing

    Post by SLGray 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.



    Help embedding chatwing Slgray10

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